Colour

#06A2FC

#06A2FC
Blue
Dark
Nearest: Cornflower blue

#06A2FC is a blue with RGB values 6, 162, 252 and HSL 202°, 98%, 51%. It is a dark colour, so black text on it reaches 7.6:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#06A2FC#06A2FC

HEX#06A2FC

RGBrgb(6, 162, 252)

RGB (0–1)0.0235, 0.6353, 0.9882

RGB percentages2.4%, 63.5%, 98.8%

HSLhsl(202, 97.6%, 50.6%)

HSV / HSBhsv(202, 97.6%, 98.8%)

CMYK97.6%, 35.7%, 0%, 1.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer434,940

CSS custom property--colour: #06A2FC;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.58:1

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

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

Greyscale equivalent#878787

Inverted#F95D03

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#76A6FFno red cones; affects about 1% of men; ΔE 13.2 from the original

Deuteranopia#5493FAno green cones; the most common form, about 1% of men; ΔE 15.2 from the original

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

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

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

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

Named colours

Cornflower blue · ΔE 13.1 Dodgerblue · ΔE 16.3 Deep skyblue · ΔE 20.8 Steel blue · ΔE 25 Light skyblue · ΔE 31.2 Royal blue · ΔE 34.9

Nearest named CSS colourCornflower blue (#6495ED)ΔE 13.14, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FC6006

Analogous#06FCDB, #0627FC

Triadic#FC06A2, #A2FC06

Split complementary#FC0627, #FCDB06

Tetradic#DB06FC, #FC6006, #27FC06

Tints, shades & saturation

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

Lighter +40%#D0EDFE

Lighter +30%#9DDAFE

Lighter +20%#6BC8FD

Lighter +10%#38B5FD

Darker −10%#0283CD

Darker −20%#02629A

Darker −30%#014268

Darker −40%#012235

More saturated +25%#03A3FF

Less saturated −25%#259ADD

Channel breakdown

G162

B252

Red6 (2.4%)

Green162 (63.5%)

Blue252 (98.8%)

Hue201.95°

Saturation (HSL)97.62%

Lightness50.59%

Dominant channelBlue

Hex per channelR 06 · G A2 · B FC

Keep nerding

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

#06A2FC

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