Dark #1B2431

Dark is a dark close to neutral grey with hex code #1B2431 and RGB rgb(27, 36, 49).

Aa

White text reads best on this color (15.63:1).

About this color

#1B2431 is a dark close to neutral grey. In OKLCH its lightness is 26%, its chroma 0.028. It has too little chroma to lean warm or cool. It is the named color Dark. White text reads best on it, at 15.63:1.

Hue familyNeutrals
Lightnessdark (26%)
Chromaclose to neutral grey (0.028)
Temperatureneutral
Nearest nameDark
Black text1.34:1
White text15.63:1

Colors that go with Dark

Matches found by rotating Dark around the OKLCH hue wheel, each labelled with the closest name in our list.

Analogous

Neighbouring hues, 30° either side.

Open the analogous palette in the generator

Triadic

Three hues spaced 120° apart.

Open the triadic palette in the generator

Color palettes with Dark

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Dark, closest first.

Similar named colors

The eight named colors closest to Dark, with their ΔE distance.

More about Dark

How to make Dark

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

  • 3 parts blue
  • 2 parts black
  • 1 part purple

Recipe result: #20272B, a difference of ΔE 0.020 from Dark. That is very close: most people will not see the difference.

What colors make gray? | Color mixing chart

Codes for Dark in every format

HEX#1B2431
RGBrgb(27, 36, 49)
HSLhsl(215, 29%, 15%)
OKLCHoklch(25.8% 0.028 257.5)

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

PairWCAG 2ResultAPCAAPCA guidance
White text on #1B2431 15.63:1 AAA Lc -105.2 Preferred for body text
Black text on #1B2431 1.34:1 Fails Lc 0.0 Not readable
#1B2431 text on white 15.63:1 AAA Lc 102.6 Preferred for body text
#1B2431 text on black 1.34:1 Fails Lc 0.0 Not readable

Shades and tints of Dark

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 950.

  1. Step 50

    50

    #F4F6F8

    oklch(97.2% 0.003 247.9)

  2. Step 100

    100

    #E6EAF0

    oklch(93.6% 0.009 258.3)

  3. Step 200

    200

    #D2DAE5

    oklch(88.6% 0.017 256.3)

  4. Step 300

    300

    #B4C2D6

    oklch(81% 0.032 257.2)

  5. Step 400

    400

    #8CA2C2

    oklch(70.7% 0.053 257.7)

  6. Step 500

    500

    #708BB2

    oklch(63.1% 0.067 257.5)

  7. Step 600

    600

    #58759E

    oklch(55.7% 0.073 257.1)

  8. Step 700

    700

    #486287

    oklch(49.1% 0.067 257.2)

  9. Step 800

    800

    #3B506E

    oklch(42.7% 0.057 257.3)

  10. Step 900

    900

    #334259

    oklch(37.6% 0.044 258.8)

  11. Step 950

    950 (this color)

    #1B2431

    oklch(25.8% 0.028 257.5)

Export this scale for Tailwind in the Tailwind colors tool

Dark with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.

VisionSeen asShift (ΔE)
Protanopia (no red cones)#1F25320.008
Deuteranopia (no green cones)#1D22310.007
Tritanopia (no blue cones)#1427280.026
Achromatopsia (no color)#2323230.028

Use Dark in your product

Turn it into light and dark UI roles checked for contrast, then export to Tailwind v4, shadcn/ui, CSS or design tokens.