Colour

#449CF6

#449CF6
Blue
Dark
Nearest: Cornflower blue

#449CF6 is a blue with RGB values 68, 156, 246 and HSL 210°, 91%, 62%. It is a dark colour, so black text on it reaches 7.3:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#449CF6#449CF6

HEX#449CF6

RGBrgb(68, 156, 246)

RGB (0–1)0.2667, 0.6118, 0.9647

RGB percentages26.7%, 61.2%, 96.5%

HSLhsl(210.3, 90.8%, 61.6%)

HSV / HSBhsv(210.3, 72.4%, 96.5%)

CMYK72.4%, 36.6%, 0%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,496,630

CSS custom property--colour: #449CF6;

Brightness & contrast

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

Perceived brightness150.2 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.33:1

Contrast with white2.86:1WCAG normal text: Fail

Contrast with black7.33:1WCAG normal text: AAA

Greyscale equivalent#909090

Inverted#BB6309

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#73A2FAno red cones; affects about 1% of men; ΔE 8 from the original

Deuteranopia#5891F4no green cones; the most common form, about 1% of men; ΔE 9.5 from the original

Tritanopia#00B1BDno blue cones; rare, and affects men and women equally; ΔE 50.7 from the original

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

Contrast with white, large text2.86:1WCAG large text: Fail

Contrast with black, large text7.33:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 7.2 Dodgerblue · ΔE 13.4 Steel blue · ΔE 24 Deep skyblue · ΔE 24.9 Royal blue · ΔE 30.5 Light skyblue · ΔE 32.4

Nearest named CSS colourCornflower blue (#6495ED)ΔE 7.17, clearly different but related

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F69E44

Analogous#44F5F6, #4544F6

Triadic#F6449C, #9CF644

Split complementary#F64544, #F5F644

Tetradic#F644F5, #F69E44, #44F645

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#D6E9FD

Lighter +20%#A5D0FB

Lighter +10%#75B6F8

Darker −10%#1382F4

Darker −20%#0A69CA

Darker −30%#07509A

Darker −40%#053669

More saturated +25%#3B9CFF

Less saturated −25%#5D9CDE

Channel breakdown

R68

G156

B246

Red68 (26.7%)

Green156 (61.2%)

Blue246 (96.5%)

Hue210.34°

Saturation (HSL)90.82%

Lightness61.57%

Dominant channelBlue

Hex per channelR 44 · G 9C · B F6

Keep nerding

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

#449CF6

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