Colour

#426EAF

#426EAF
Blue
Dark
Nearest: Steel blue

#426EAF is a blue with RGB values 66, 110, 175 and HSL 216°, 45%, 47%. It is a dark colour, so white text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#426EAF#426EAF

HEX#426EAF

RGBrgb(66, 110, 175)

RGB (0–1)0.2588, 0.4314, 0.6863

RGB percentages25.9%, 43.1%, 68.6%

HSLhsl(215.8, 45.2%, 47.3%)

HSV / HSBhsv(215.8, 62.3%, 68.6%)

CMYK62.3%, 37.1%, 0%, 31.4%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,353,711

CSS custom property--colour: #426EAF;

Brightness & contrast

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

Perceived brightness109.1 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 5.15:1

Contrast with white5.15:1WCAG normal text: AA

Contrast with black4.08:1WCAG normal text: Fail

Greyscale equivalent#696969

Inverted#BD9150

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#5273B2no red cones; affects about 1% of men; ΔE 3.5 from the original

Deuteranopia#4369AEno green cones; the most common form, about 1% of men; ΔE 3.7 from the original

Tritanopia#007D86no blue cones; rare, and affects men and women equally; ΔE 40.4 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text5.15:1WCAG large text: AAA

Contrast with black, large text4.08:1WCAG large text: AA

Named colours

Steel blue · ΔE 13.4 Cornflower blue · ΔE 19.1 Dark slateblue · ΔE 25.8 Dodgerblue · ΔE 27.9 Slate grey · ΔE 30.4 Light slate grey · ΔE 30.7

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

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AF8342

Analogous#42A4AF, #4D42AF

Triadic#AF426E, #6EAF42

Split complementary#AF4D42, #A4AF42

Tetradic#AF42A4, #AF8342, #42AF4D

Tints, shades & saturation

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

Lighter +40%#D0DCED

Lighter +30%#ABC0DF

Lighter +20%#86A4D1

Lighter +10%#6189C3

Darker −10%#34578A

Darker −20%#263F65

Darker −30%#182840

Darker −40%#0A111B

More saturated +25%#2468CD

Less saturated −25%#607491

Channel breakdown

R66

G110

B175

Red66 (25.9%)

Green110 (43.1%)

Blue175 (68.6%)

Hue215.78°

Saturation (HSL)45.23%

Lightness47.25%

Dominant channelBlue

Hex per channelR 42 · G 6E · B AF

Keep nerding

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

#426EAF

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