Recognised as Colour

#324E7F

#324E7F
Blue
Dark
Nearest: Steel blue

#324E7F is a blue with RGB values 50, 78, 127 and HSL 218°, 44%, 35%. It is a dark colour, so white text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#324E7F#324E7F

HEX#324E7F

RGBrgb(50, 78, 127)

RGB (0–1)0.1961, 0.3059, 0.498

RGB percentages19.6%, 30.6%, 49.8%

HSLhsl(218.2, 43.5%, 34.7%)

HSV / HSBhsv(218.2, 60.6%, 49.8%)

CMYK60.6%, 38.6%, 0%, 50.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,296,895

CSS custom property--colour: #324E7F;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.29:1

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

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

Greyscale equivalent#4C4C4C

Inverted#CDB180

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#2F4B7Eno green cones; the most common form, about 1% of men; ΔE 1.9 from the original

Tritanopia#005960no blue cones; rare, and affects men and women equally; ΔE 32.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 21.5 Dark slateblue · ΔE 23.5 Slate grey · ΔE 29.2 Light slate grey · ΔE 31.1 Dark slate grey · ΔE 32.3 Dim grey · ΔE 33.3

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7F6332

Analogous#32747F, #3D327F

Triadic#7F324E, #4E7F32

Split complementary#7F3D32, #757F32

Tetradic#7F3274, #7F6332, #327F3C

Tints, shades & saturation

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

Lighter +40%#A2B7DB

Lighter +30%#7E9ACC

Lighter +20%#597EBE

Lighter +10%#4064A4

Darker −10%#24385A

Darker −20%#152136

Darker −30%#070B11

Darker −40%#000000

More saturated +25%#1C4895

Less saturated −25%#485469

Channel breakdown

R50

G78

B127

Red50 (19.6%)

Green78 (30.6%)

Blue127 (49.8%)

Hue218.18°

Saturation (HSL)43.5%

Lightness34.71%

Dominant channelBlue

Hex per channelR 32 · G 4E · B 7F

Keep nerding

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

#324E7F

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