Colour

#03B8F7

#03B8F7
Cyan
Dark
Nearest: Deep skyblue

#03B8F7 is a cyan with RGB values 3, 184, 247 and HSL 195°, 98%, 49%. It is a dark colour, so black text on it reaches 9.2:1 contrast (AAA for normal text). The nearest named colour is Deep skyblue.

Colour values

#03B8F7#03B8F7

HEX#03B8F7

RGBrgb(3, 184, 247)

RGB (0–1)0.0118, 0.7216, 0.9686

RGB percentages1.2%, 72.2%, 96.9%

HSLhsl(195.5, 97.6%, 49%)

HSV / HSBhsv(195.5, 98.8%, 96.9%)

CMYK98.8%, 25.5%, 0%, 3.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer243,959

CSS custom property--colour: #03B8F7;

Brightness & contrast

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

Perceived brightness163.8 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.2:1

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

Contrast with black9.2:1WCAG normal text: AAA

Greyscale equivalent#969696

Inverted#FC4708

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text9.2:1WCAG large text: AAA

Named colours

Deep skyblue · ΔE 2.6 Light skyblue · ΔE 17.5 Sky blue · ΔE 22.6 Steel blue · ΔE 23.8 Cornflower blue · ΔE 28.3 Light steelblue · ΔE 31.9

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F74203

Analogous#03F7BC, #033EF7

Triadic#F703B8, #B8F703

Split complementary#F7033E, #F7BC03

Tetradic#BC03F7, #F74203, #3EF703

Tints, shades & saturation

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

Lighter +40%#C8F0FE

Lighter +30%#95E3FE

Lighter +20%#63D5FD

Lighter +10%#31C8FC

Darker −10%#0292C5

Darker −20%#026D92

Darker −30%#014760

Darker −40%#01222D

More saturated +25%#00B9FA

Less saturated −25%#22A9D8

Channel breakdown

G184

B247

Red3 (1.2%)

Green184 (72.2%)

Blue247 (96.9%)

Hue195.49°

Saturation (HSL)97.6%

Lightness49.02%

Dominant channelBlue

Hex per channelR 03 · G B8 · B F7

Keep nerding

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

#03B8F7

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