Colour

#23314C

#23314C
Blue
Dark
Nearest: Dark slate grey

#23314C is a blue with RGB values 35, 49, 76 and HSL 220°, 37%, 22%. It is a dark colour, so white text on it reaches 13:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#23314C#23314C

HEX#23314C

RGBrgb(35, 49, 76)

RGB (0–1)0.1373, 0.1922, 0.298

RGB percentages13.7%, 19.2%, 29.8%

HSLhsl(219.5, 36.9%, 21.8%)

HSV / HSBhsv(219.5, 53.9%, 29.8%)

CMYK53.9%, 35.5%, 0%, 70.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,306,380

CSS custom property--colour: #23314C;

Brightness & contrast

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

Perceived brightness49.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 13:1

Contrast with white13:1WCAG normal text: AAA

Contrast with black1.62:1WCAG normal text: Fail

Greyscale equivalent#303030

Inverted#DCCEB3

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#27334Dno red cones; affects about 1% of men; ΔE 1.3 from the original

Deuteranopia#222F4Bno green cones; the most common form, about 1% of men; ΔE 1.2 from the original

Tritanopia#11373Bno blue cones; rare, and affects men and women equally; ΔE 19 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text13:1WCAG large text: AAA

Contrast with black, large text1.62:1WCAG large text: Fail

Named colours

Dark slate grey · ΔE 23.5 Black · ΔE 27.6 Dim grey · ΔE 30.5 Slate grey · ΔE 33.8 Dark slateblue · ΔE 34.6 Steel blue · ΔE 35.6

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#4C3E23

Analogous#23464C, #29234C

Triadic#4C2331, #314C23

Split complementary#4C2923, #464C23

Tetradic#4C2346, #4C3E23, #234C29

Tints, shades & saturation

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

Lighter +40%#7992C2

Lighter +30%#5776B1

Lighter +20%#435E92

Lighter +10%#33486F

Darker −10%#131A29

Darker −20%#030406

Darker −30%#000000

Darker −40%#000000

More saturated +25%#152D5A

Less saturated −25%#31353E

Channel breakdown

R35

G49

B76

Red35 (13.7%)

Green49 (19.2%)

Blue76 (29.8%)

Hue219.51°

Saturation (HSL)36.94%

Lightness21.76%

Dominant channelBlue

Hex per channelR 23 · G 31 · B 4C

Keep nerding

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

#23314C

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