Colour

#296DDF

#296DDF
Blue
Dark
Nearest: Royal blue

#296DDF is a blue with RGB values 41, 109, 223 and HSL 218°, 74%, 52%. It is a dark colour, so white text on it reaches 4.8:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#296DDF#296DDF

HEX#296DDF

RGBrgb(41, 109, 223)

RGB (0–1)0.1608, 0.4275, 0.8745

RGB percentages16.1%, 42.7%, 87.5%

HSLhsl(217.6, 74%, 51.8%)

HSV / HSBhsv(217.6, 81.6%, 87.5%)

CMYK81.6%, 51.1%, 0%, 12.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,715,103

CSS custom property--colour: #296DDF;

Brightness & contrast

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

Perceived brightness114.7 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 4.83:1

Contrast with white4.83:1WCAG normal text: AA

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

Greyscale equivalent#676767

Inverted#D69220

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

Tritanopia#00899Bno blue cones; rare, and affects men and women equally; ΔE 64 from the original

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

Contrast with white, large text4.83:1WCAG large text: AAA

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

Named colours

Royal blue · ΔE 6 Dodgerblue · ΔE 15.5 Slate blue · ΔE 17.1 Medium slateblue · ΔE 21.2 Medium purple · ΔE 22.7 Cornflower blue · ΔE 23.1

Nearest named CSS colourRoyal blue (#4169E1)ΔE 6.04, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#DF9B29

Analogous#29C8DF, #4029DF

Triadic#DF296D, #6DDF29

Split complementary#DF4029, #C8DF29

Tetradic#DF29C8, #DF9B29, #29DF40

Tints, shades & saturation

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

Lighter +40%#DAE6FA

Lighter +30%#AEC8F3

Lighter +20%#82AAEC

Lighter +10%#558BE6

Darker −10%#1C57B9

Darker −20%#15428D

Darker −30%#0E2D61

Darker −40%#081834

More saturated +25%#0A65FE

Less saturated −25%#4875C0

Channel breakdown

R41

G109

B223

Red41 (16.1%)

Green109 (42.7%)

Blue223 (87.5%)

Hue217.58°

Saturation (HSL)73.98%

Lightness51.76%

Dominant channelBlue

Hex per channelR 29 · G 6D · B DF

Keep nerding

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

#296DDF

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