Colour

#19478F

#19478F
Blue
Dark
Nearest: Dark slateblue

#19478F is a blue with RGB values 25, 71, 143 and HSL 217°, 70%, 33%. It is a dark colour, so white text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#19478F#19478F

HEX#19478F

RGBrgb(25, 71, 143)

RGB (0–1)0.098, 0.2784, 0.5608

RGB percentages9.8%, 27.8%, 56.1%

HSLhsl(216.6, 70.2%, 32.9%)

HSV / HSBhsv(216.6, 82.5%, 56.1%)

CMYK82.5%, 50.3%, 0%, 43.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,656,719

CSS custom property--colour: #19478F;

Brightness & contrast

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

Perceived brightness74 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 8.98:1

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

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

Greyscale equivalent#424242

Inverted#E6B870

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1C4F92no red cones; affects about 1% of men; ΔE 5.4 from the original

Deuteranopia#00448Eno green cones; the most common form, about 1% of men; ΔE 2.3 from the original

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

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

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

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

Named colours

Dark slateblue · ΔE 13.8 Midnight blue · ΔE 25.1 Steel blue · ΔE 29.6 Royal blue · ΔE 30.2 Rebecca purple · ΔE 30.6 Slate blue · ΔE 30.7

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#8F6119

Analogous#19828F, #26198F

Triadic#8F1947, #478F19

Split complementary#8F2619, #828F19

Tetradic#8F1982, #8F6119, #198F26

Tints, shades & saturation

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

Lighter +40%#8AAFEA

Lighter +30%#5E92E3

Lighter +20%#3374DB

Lighter +10%#215DBA

Darker −10%#113164

Darker −20%#0A1C38

Darker −30%#02060D

Darker −40%#000000

More saturated +25%#0442A4

Less saturated −25%#2E4C7A

Channel breakdown

R25

G71

B143

Red25 (9.8%)

Green71 (27.8%)

Blue143 (56.1%)

Hue216.61°

Saturation (HSL)70.24%

Lightness32.94%

Dominant channelBlue

Hex per channelR 19 · G 47 · B 8F

Keep nerding

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

#19478F

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