Colour

#00B6F1

#00B6F1
Cyan
Dark
Nearest: Deep skyblue

#00B6F1 is a cyan with RGB values 0, 182, 241 and HSL 195°, 100%, 47%. It is a dark colour, so black text on it reaches 9:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#00B6F1#00B6F1

HEX#00B6F1

RGBrgb(0, 182, 241)

RGB (0–1)0, 0.7137, 0.9451

RGB percentages0%, 71.4%, 94.5%

HSLhsl(194.7, 100%, 47.3%)

HSV / HSBhsv(194.7, 100%, 94.5%)

CMYK100%, 24.5%, 0%, 5.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer46,833

CSS custom property--colour: #00B6F1;

Brightness & contrast

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

Perceived brightness161.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.96:1

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

Contrast with black8.96:1WCAG normal text: AAA

Greyscale equivalent#949494

Inverted#FF490E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#98B4F4no red cones; affects about 1% of men; ΔE 24.6 from the original

Deuteranopia#7CA1F0no green cones; the most common form, about 1% of men; ΔE 26.6 from the original

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

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

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

Contrast with black, large text8.96:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 4.1 Light skyblue · ΔE 17 Sky blue · ΔE 21.4 Steel blue · ΔE 23.1 Cornflower blue · ΔE 29.6 Light steelblue · ΔE 31.2

Nearest named CSS colourDeep skyblue (#00BFFF)ΔE 4.1, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F13B00

Analogous#00F1B4, #003DF1

Triadic#F100B6, #B6F100

Split complementary#F1003D, #F1B400

Tetradic#B300F1, #F13B00, #3DF100

Tints, shades & saturation

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

Lighter +40%#BEEFFF

Lighter +30%#8BE3FF

Lighter +20%#58D6FF

Lighter +10%#25CAFF

Darker −10%#008FBE

Darker −20%#00698B

Darker −30%#004258

Darker −40%#001C25

More saturated +25%#00B6F1

Less saturated −25%#1EA7D3

Channel breakdown

G182

B241

Red0 (0%)

Green182 (71.4%)

Blue241 (94.5%)

Hue194.69°

Saturation (HSL)100%

Lightness47.25%

Dominant channelBlue

Hex per channelR 00 · G B6 · B F1

Keep nerding

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

#00B6F1

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