Recognised as Colour

#414C72

#414C72
Blue
Dark
Nearest: Steel blue

#414C72 is a blue with RGB values 65, 76, 114 and HSL 227°, 27%, 35%. It is a dark colour, so white text on it reaches 8.4:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#414C72#414C72

HEX#414C72

RGBrgb(65, 76, 114)

RGB (0–1)0.2549, 0.298, 0.4471

RGB percentages25.5%, 29.8%, 44.7%

HSLhsl(226.5, 27.4%, 35.1%)

HSV / HSBhsv(226.5, 43%, 44.7%)

CMYK43%, 33.3%, 0%, 55.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,279,410

CSS custom property--colour: #414C72;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.39:1

Contrast with white8.39:1WCAG normal text: AAA

Contrast with black2.5:1WCAG normal text: Fail

Greyscale equivalent#4C4C4C

Inverted#BEB38D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#3B4C71no green cones; the most common form, about 1% of men; ΔE 2.1 from the original

Tritanopia#31545Ano blue cones; rare, and affects men and women equally; ΔE 23.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text8.39:1WCAG large text: AAA

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

Named colours

Steel blue · ΔE 23.9 Slate grey · ΔE 25.1 Dark slate grey · ΔE 26.6 Dim grey · ΔE 26.7 Dark slateblue · ΔE 27.3 Light slate grey · ΔE 27.4

Nearest named CSS colourSteel blue (#4682B4)ΔE 23.89, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#726741

Analogous#416572, #4E4172

Triadic#72414C, #4C7241

Split complementary#724E41, #657241

Tetradic#724165, #726741, #41724E

Tints, shades & saturation

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

Lighter +40%#AEB6D1

Lighter +30%#8E99BE

Lighter +20%#6D7BAC

Lighter +10%#546292

Darker −10%#2E3652

Darker −20%#1C2131

Darker −30%#090B11

Darker −40%#000000

More saturated +25%#2B4088

Less saturated −25%#57585C

Channel breakdown

R65

G76

B114

Red65 (25.5%)

Green76 (29.8%)

Blue114 (44.7%)

Hue226.53°

Saturation (HSL)27.37%

Lightness35.1%

Dominant channelBlue

Hex per channelR 41 · G 4C · B 72

Keep nerding

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

#414C72

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