#263238 colour

#263238 is a dark greyish sky blue close to CSS darkslategray. RGB 38, 50, 56, HSL 200, 19%, 18%. White text passes AAA (13.16:1), black fails (1.60:1).

#263238

Nearest CSS name: darkslategray #2f4f4f (not an exact match)
Described as: a dark greyish sky blue
Red, green, blue: 38, 50, 56
Material 2014: Blue Grey 900
Web safe: No
Luminance: 0.0298 (WCAG relative luminance, 0 is black, 1 is white)

Colour codes

HEX	`#263238`
RGB	`rgb(38, 50, 56)`
RGB (percent)	`rgb(14.9% 19.6% 22%)`
HSL	`hsl(200, 19.1%, 18.4%)`
HSV / HSB	`hsv(200, 32.1%, 22%)`
HWB	`hwb(200 14.9% 78%)`
CMYK (naive)	`cmyk(32%, 11%, 0%, 78%)`
CIELAB (D50)	`lab(19.87% -3.94 -5.57)`
OKLCH	`oklch(30.87% 0.0195 229.78)`
Decimal	`2503224`

CMYK here is the plain formula with no colour profile, so treat it as a starting point; a printer's profile gives the real ink values. CIELAB uses a D50 white point, as CSS lab() does. HSV is not a CSS function, so it is shown for design apps only.

Contrast with white and black text

White text, 13.16:1The quick brown fox jumps over the lazy dog.

Black text, 1.60:1The quick brown fox jumps over the lazy dog.

Text	Ratio	AA normal (4.5)	AA large (3)	AAA normal (7)	AAA large (4.5)
White	13.16:1	Pass	Pass	Pass	Pass
Black	1.60:1	Fail	Fail	Fail	Fail

White text is the better choice on #263238 (13.16:1). Ratios use the WCAG 2.2 formula; large text means at least 24px, or 18.66px bold. Check another pair.

Tints and shades

Mixed with white, then with black, in ten even steps (straight sRGB mixing, as most design tools do).

9%#3a454a 18%#4d575c 27%#616a6e 36%#757d80 45%#898f92 55%#9ca2a5 64%#b0b4b7 73%#c4c7c9 82%#d8dadb 91%#ebeced

9%#232d33 18%#1f292e 27%#1c2429 36%#182024 45%#151b1f 55%#111719 64%#0e1214 73%#0a0e0f 82%#07090a 91%#030505

Colour harmonies

Hue turned around the HSL colour wheel, saturation and lightness kept.

Complementary

The hue opposite on the colour wheel (180°).

#263238 #382c26

Analogous

Neighbours 30° either side.

#263835 #263238 #262938

Triadic

Three hues 120° apart.

#263238 #382632 #323826

Split complementary

The two hues either side of the complement (150° and 210°).

#263238 #382629 #383526

Tetradic (square)

Four hues 90° apart.

#263238 #352638 #382c26 #293826

How it looks with colour blindness

Normal vision#263238 Protanopia#2f3138 Deuteranopia#2c2f38 Tritanopia#203434 Achromatopsia#303030

Simulated with the Machado, Oliveira and Fernandes (2009) matrices at full severity, applied in linear RGB; achromatopsia shows the colour's luminance as grey. Milder forms (protanomaly, deuteranomaly) are far more common and shift colours less. Never use colour as the only way to carry meaning.

Material Blue Grey palette

50#eceff1 100#cfd8dc 200#b0bec5 300#90a4ae 400#78909c 500#607d8b 600#546e7a 700#455a64 800#37474f 900#263238

CSS

Text colour	`color: #263238;`
Background	`background-color: #263238;`
Border	`border: 1px solid #263238;`
Half transparent	`background-color: rgb(38 50 56 / 50%);`
Custom property	`--colour-main: #263238;`
Gradient to a darker shade	`background: linear-gradient(135deg, #263238, #171e22);`
Gradient from a lighter tint	`background: linear-gradient(180deg, #7d8488, #263238);`
Text on this colour	`background-color: #263238; color: #fff;`

Similar named colours

Distance is measured in OKLab, scaled by 100; under about 2 is hard to tell apart side by side.

Convert #263238 to other formats · Build a palette from it · Check contrast · All named colours

Colour names from CSS Color Module Level 4. Palette values from the Tailwind CSS v3 default palette (MIT licence) and the Material Design 2014 colour palette as published in Material Design Lite (Apache License 2.0). All other values are calculated from the hex code.