Colour

#12215E

#12215E
Blue
Dark
Nearest: Dark slateblue

#12215E is a blue with RGB values 18, 33, 94 and HSL 228°, 68%, 22%. It is a dark colour, so white text on it reaches 14.9:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#12215E#12215E

HEX#12215E

RGBrgb(18, 33, 94)

RGB (0–1)0.0706, 0.1294, 0.3686

RGB percentages7.1%, 12.9%, 36.9%

HSLhsl(228.2, 67.9%, 22%)

HSV / HSBhsv(228.2, 80.9%, 36.9%)

CMYK80.9%, 64.9%, 0%, 63.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,188,190

CSS custom property--colour: #12215E;

Brightness & contrast

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

Perceived brightness41.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.95:1

Contrast with white14.95:1WCAG normal text: AAA

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

Greyscale equivalent#222222

Inverted#EDDEA1

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#002B60no red cones; affects about 1% of men; ΔE 9.3 from the original

Deuteranopia#00245Dno green cones; the most common form, about 1% of men; ΔE 4.6 from the original

Tritanopia#00313Cno blue cones; rare, and affects men and women equally; ΔE 39.6 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text14.95:1WCAG large text: AAA

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

Named colours

Dark slateblue · ΔE 17.5 Midnight blue · ΔE 17.5 Rebecca purple · ΔE 31.3 Indigo · ΔE 36.9 Navy · ΔE 39.5 Slate blue · ΔE 39.7

Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.48, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#5E4F12

Analogous#12475E, #29125E

Triadic#5E1221, #215E12

Split complementary#5E2912, #475E12

Tetradic#5E1247, #5E4F12, #125E29

Tints, shades & saturation

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

Lighter +40%#5C76E0

Lighter +30%#3152D8

Lighter +20%#223FB4

Lighter +10%#1A3089

Darker −10%#0A1233

Darker −20%#020308

Darker −30%#000000

Darker −40%#000000

More saturated +25%#04196C

Less saturated −25%#202950

Channel breakdown

R18

G33

B94

Red18 (7.1%)

Green33 (12.9%)

Blue94 (36.9%)

Hue228.16°

Saturation (HSL)67.86%

Lightness21.96%

Dominant channelBlue

Hex per channelR 12 · G 21 · B 5E

Keep nerding

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

#12215E

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