Recognised as Colour

#21247C

#21247C
Blue
Dark
Nearest: Midnight blue

#21247C is a blue with RGB values 33, 36, 124 and HSL 238°, 58%, 31%. It is a dark colour, so white text on it reaches 13.1:1 contrast (AAA for normal text). The nearest named colour is Midnight blue.

Colour values

#21247C#21247C

HEX#21247C

RGBrgb(33, 36, 124)

RGB (0–1)0.1294, 0.1412, 0.4863

RGB percentages12.9%, 14.1%, 48.6%

HSLhsl(238, 58%, 30.8%)

HSV / HSBhsv(238, 73.4%, 48.6%)

CMYK73.4%, 71%, 0%, 51.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,172,028

CSS custom property--colour: #21247C;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 13.06:1

Contrast with white13.06:1WCAG normal text: AAA

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

Greyscale equivalent#2A2A2A

Inverted#DEDB83

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#00357Fno red cones; affects about 1% of men; ΔE 14.6 from the original

Deuteranopia#002C7Ano green cones; the most common form, about 1% of men; ΔE 9.4 from the original

Tritanopia#003C4Dno blue cones; rare, and affects men and women equally; ΔE 53.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Midnight blue · ΔE 4.7 Dark slateblue · ΔE 13.9 Rebecca purple · ΔE 18.3 Indigo · ΔE 21.9 Navy · ΔE 23.9 Slate blue · ΔE 27

Nearest named CSS colourMidnight blue (#191970)ΔE 4.71, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7C7921

Analogous#21517C, #4C217C

Triadic#7C2124, #247C21

Split complementary#7C4C21, #517C21

Tetradic#7C2152, #7C7921, #217C4C

Tints, shades & saturation

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

Lighter +40%#898CE0

Lighter +30%#6165D5

Lighter +20%#393ECA

Lighter +10%#2C30A4

Darker −10%#161854

Darker −20%#0C0D2B

Darker −30%#010103

Darker −40%#000000

More saturated +25%#0D1290

Less saturated −25%#353668

Channel breakdown

R33

G36

B124

Red33 (12.9%)

Green36 (14.1%)

Blue124 (48.6%)

Hue238.02°

Saturation (HSL)57.96%

Lightness30.78%

Dominant channelBlue

Hex per channelR 21 · G 24 · B 7C

Keep nerding

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

#21247C

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