ع

Soft Black

أسود ناعم

Color codes

HEX
RGB
HSL
HSV
CMYK (approximate)
CIELAB
CSS
Relative luminance0.0160
Black & Near-black Web & UI ColorsNeutral Colors Neutral

Shades of Soft Black

All shades

Lighter

Darker

Tints mixed with white

Tones mixed with gray

Color harmonies

Complementary

Opposite on the wheel (180°): maximum contrast for accents.

Export
Analogous

Neighbors 30° apart: calm and natural.

Export
Triadic

Three hues 120° apart: vibrant yet balanced.

Export
Split-complementary

The base plus the two neighbors of its complement: contrast with less tension.

Export
Tetradic

Four hues 90° apart: rich, best with one dominant color.

Export
Monochromatic

One hue in several lightness levels: elegant and consistent.

Export

Contrast and readability

White text15.91:1
✓ AA✓ AAA✓ AA Large
Black text1.32:1
✗ AA✗ AAA✗ AA Large
On white15.91:1
✓ AA✓ AAA✓ AA Large
On black1.19:1
✗ AA✗ AAA✗ AA Large

Text colors that pass AA

Check in the contrast checker

In a design

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started Learn more
New

Cards and badges use a soft tint of the color. Read more

Plan your next project

A short paragraph shows how body text sits next to the color.

Get started
New

Cards and badges use a soft tint of the color.

Soft Black

Full-color background with readable text.

Get started

About Soft Black

Soft Black (#222222) is a very dark, nearly neutral color from the Black family with a neutral character. It is made of 34 red, 34 green and 34 blue (hsl(0, 0%, 13%)). Its contrast ratio is 15.91:1 against white and 1.32:1 against black, so white text reads best on it.

Suggested uses

  • text and headings
  • dark mode surfaces and elegant accents
  • balancing stronger accent colors

Reading the codes

In HEX, #222222 stores red, green and blue as pairs of base-16 digits: 34, 34 and 34 out of 255. In HSL the same color has a hue of 0°, 0% saturation and 13% lightness, which makes lighter or darker variants easy to create by changing only the lightness.

Similar colors

#1B1B1FInk Black#121212Dark Mode Gray#0A0A0AJet Black#1A1110Licorice#353839Onyx#2A3439Gunmetal#010B13Rich Black#000000Black#0F172AMidnight Slate#3D2B1FBistre

Palettes with this color

Black and Gold#0B0B0C #1E1E20 #3A3631 #B08D57 #E8D5A6Accessible Contrast#FFFFFF #1A1A1A #0050B3 #B00020 #00703CSingle Accent#F7F7F5 #DEDCD7 #8D8A84 #2B2A28 #E4572EWarm E-commerce#FFF7ED #FED7AA #EA580C #7C2D12 #1C1917

Tools for this color

Shades GeneratorGenerate tints, tones, lighter and darker shades and saturation variations.Contrast CheckerAccurate WCAG contrast ratio with AA/AAA results and accessible suggestions.Color Harmony GeneratorComplementary, analogous, triadic, tetradic, split-complementary and monochromatic harmonies.Color Blindness SimulatorApproximate protanopia, deuteranopia, tritanopia and achromatopsia simulations.

Frequently asked questions

What is the HEX code of Soft Black?
The HEX code of Soft Black is #222222. In RGB it is rgb(34, 34, 34) and in HSL hsl(0, 0%, 13%).
Which text color works on Soft Black?
White text has a contrast ratio of 15.91:1 on Soft Black and black text 1.32:1, so white text is more readable. WCAG AA needs at least 4.5:1 for normal text.
What is the complementary color of Soft Black?
Rotating the hue of Soft Black by 180° gives #222222, its complementary color on the RGB color wheel.
What is Soft Black in CMYK?
An approximate CMYK value for Soft Black is cmyk(0%, 0%, 0%, 87%). For printing, ask your printer for an ICC-profiled conversion.