Colour

#2B4251

#2B4251
Blue
Dark
Nearest: Dark slate grey

#2B4251 is a blue with RGB values 43, 66, 81 and HSL 204°, 31%, 24%. It is a dark colour, so white text on it reaches 10.5:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#2B4251#2B4251

HEX#2B4251

RGBrgb(43, 66, 81)

RGB (0–1)0.1686, 0.2588, 0.3176

RGB percentages16.9%, 25.9%, 31.8%

HSLhsl(203.7, 30.6%, 24.3%)

HSV / HSBhsv(203.7, 46.9%, 31.8%)

CMYK46.9%, 18.5%, 0%, 68.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,835,025

CSS custom property--colour: #2B4251;

Brightness & contrast

Relative luminance0.05004WCAG 2.x, 0 is black and 1 is white

Perceived brightness62.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.5:1

Contrast with white10.5:1WCAG normal text: AAA

Contrast with black2:1WCAG normal text: Fail

Greyscale equivalent#3E3E3E

Inverted#D4BDAE

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#3B4252no red cones; affects about 1% of men; ΔE 5.9 from the original

Deuteranopia#363D51no green cones; the most common form, about 1% of men; ΔE 7 from the original

Tritanopia#1C4647no blue cones; rare, and affects men and women equally; ΔE 11.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.5:1WCAG large text: AAA

Contrast with black, large text2:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 11.9 Dim grey · ΔE 21.7 Slate grey · ΔE 26.2 Light slate grey · ΔE 29.3 Black · ΔE 29.6 Gray · ΔE 29.6

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 11.87, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#513A2B

Analogous#2B514D, #2B2F51

Triadic#512B42, #42512B

Split complementary#512B2F, #514D2B

Tetradic#4D2B51, #513A2B, #2F512B

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#88AAC0

Lighter +30%#6792AE

Lighter +20%#4E7894

Lighter +10%#3D5D72

Darker −10%#192730

Darker −20%#080C0E

Darker −30%#000000

Darker −40%#000000

More saturated +25%#1C4561

Less saturated −25%#3B3F42

Channel breakdown

R43

G66

B81

Red43 (16.9%)

Green66 (25.9%)

Blue81 (31.8%)

Hue203.68°

Saturation (HSL)30.65%

Lightness24.31%

Dominant channelBlue

Hex per channelR 2B · G 42 · B 51

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

#2B4251

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else