Colour

#21164F

#21164F
Blue
Dark
Nearest: Midnight blue

#21164F is a blue with RGB values 33, 22, 79 and HSL 252°, 56%, 20%. It is a dark colour, so white text on it reaches 16.2:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#21164F#21164F

HEX#21164F

RGBrgb(33, 22, 79)

RGB (0–1)0.1294, 0.0863, 0.3098

RGB percentages12.9%, 8.6%, 31%

HSLhsl(251.6, 56.4%, 19.8%)

HSV / HSBhsv(251.6, 72.2%, 31%)

CMYK58.2%, 72.2%, 0%, 69%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,168,399

CSS custom property--colour: #21164F;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 16.25:1

Contrast with white16.25:1WCAG normal text: AAA

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

Greyscale equivalent#1C1C1C

Inverted#DEE9B0

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#002251no red cones; affects about 1% of men; ΔE 13.2 from the original

Deuteranopia#001F4Eno green cones; the most common form, about 1% of men; ΔE 12.2 from the original

Tritanopia#0E2430no blue cones; rare, and affects men and women equally; ΔE 35.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text16.25:1WCAG large text: AAA

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

Named colours

Midnight blue · ΔE 18.8 Dark slateblue · ΔE 20.7 Rebecca purple · ΔE 31.8 Indigo · ΔE 36 Navy · ΔE 39.9 Purple · ΔE 40.2

Nearest named CSS colourMidnight blue (#191970)ΔE 18.85, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#444F16

Analogous#16284F, #3E164F

Triadic#4F2116, #164F21

Split complementary#4F3D16, #284F16

Tetradic#4F1627, #444F16, #164F3D

Tints, shades & saturation

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

Lighter +40%#755FD2

Lighter +30%#5337C7

Lighter +20%#422C9F

Lighter +10%#322177

Darker −10%#100B27

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#19095C

Less saturated −25%#292342

Channel breakdown

R33

G22

B79

Red33 (12.9%)

Green22 (8.6%)

Blue79 (31%)

Hue251.58°

Saturation (HSL)56.44%

Lightness19.8%

Dominant channelBlue

Hex per channelR 21 · G 16 · B 4F

Keep nerding

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

#21164F

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