Space Cadet #2B2D42

Space Cadet is a dark, muted blue with hex code #2B2D42 and RGB rgb(43, 45, 66).

Aa

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

About this color

#2B2D42 is a dark, muted blue. In OKLCH its lightness is 30%, its chroma 0.038 and its hue 280°. Its hue sits on the cool side of the wheel. It is the named color Space Cadet. White text reads best on it, at 13.48:1.

Hue familyBlues
Lightnessdark (30%)
Chromamuted (0.038)
Temperaturecool
Nearest nameSpace Cadet
Black text1.55:1
White text13.48:1

Colors that go with Space Cadet

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

Color palettes with Space Cadet

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

Similar named colors

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

More about Space Cadet

How to make Space Cadet

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.

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

Recipe result: #2D3142, a difference of ΔE 0.013 from Space Cadet. That is very close: most people will not see the difference.

What colors make gray? | Color mixing chart

Codes for Space Cadet in every format

HEX#2B2D42
RGBrgb(43, 45, 66)
HSLhsl(235, 21%, 21%)
OKLCHoklch(30.5% 0.038 279.7)

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 #2B2D42 13.48:1 AAA Lc -103.1 Preferred for body text
Black text on #2B2D42 1.55:1 Fails Lc 0.0 Not readable
#2B2D42 text on white 13.48:1 AAA Lc 99.9 Preferred for body text
#2B2D42 text on black 1.55:1 Fails Lc 0.0 Not readable

Shades and tints of Space Cadet

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

    #F4F5F9

    oklch(97.1% 0.005 275)

  2. Step 100

    100

    #E8E9F3

    oklch(93.6% 0.013 281.6)

  3. Step 200

    200

    #D5D8EA

    oklch(88.5% 0.025 278.3)

  4. Step 300

    300

    #BABEDE

    oklch(80.9% 0.045 279.7)

  5. Step 400

    400

    #979CCD

    oklch(70.6% 0.072 279.9)

  6. Step 500

    500

    #7E83C0

    oklch(63% 0.092 279.8)

  7. Step 600

    600

    #686CAD

    oklch(55.6% 0.1 279.9)

  8. Step 700

    700

    #565A94

    oklch(49.1% 0.092 279.4)

  9. Step 800

    800

    #474A78

    oklch(42.8% 0.076 279.8)

  10. Step 900

    900

    #3B3E61

    oklch(37.7% 0.06 279.4)

  11. Step 950

    950 (this color)

    #2B2D42

    oklch(30.5% 0.038 279.7)

Export this scale for Tailwind in the Tailwind colors tool

Space Cadet 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)#272F430.008
Deuteranopia (no green cones)#262E410.009
Tritanopia (no blue cones)#2531340.034
Achromatopsia (no color)#2E2E2E0.038

Use Space Cadet 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.