Colour

#74B8D1

#74B8D1
Cyan
Dark
Nearest: Sky blue

#74B8D1 is a cyan with RGB values 116, 184, 209 and HSL 196°, 50%, 64%. It is a dark colour, so black text on it reaches 9.5:1 contrast (AAA for normal text). The nearest named colour is Sky blue.

Colour values

#74B8D1#74B8D1

HEX#74B8D1

RGBrgb(116, 184, 209)

RGB (0–1)0.4549, 0.7216, 0.8196

RGB percentages45.5%, 72.2%, 82%

HSLhsl(196.1, 50.3%, 63.7%)

HSV / HSBhsv(196.1, 44.5%, 82%)

CMYK44.5%, 12%, 0%, 18%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer7,649,489

CSS custom property--colour: #74B8D1;

Brightness & contrast

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

Perceived brightness169.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 9.52:1

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

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

Greyscale equivalent#ABABAB

Inverted#8B472E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

Deuteranopia#9CAAD1no green cones; the most common form, about 1% of men; ΔE 18.9 from the original

Tritanopia#4AC0C0no blue cones; rare, and affects men and women equally; ΔE 19.9 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Sky blue · ΔE 8.2 Light skyblue · ΔE 13.1 Light blue · ΔE 15.3 Light steelblue · ΔE 16 Cadetblue · ΔE 16.3 Powder blue · ΔE 18.7

Nearest named CSS colourSky blue (#87CEEB)ΔE 8.16, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#D18D74

Analogous#74D1BB, #748AD1

Triadic#D174B8, #B8D174

Split complementary#D1748A, #D1BB74

Tetradic#BB74D1, #D18D74, #8AD174

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E7F3F7

Lighter +20%#C1DFEA

Lighter +10%#9ACCDE

Darker −10%#4EA4C4

Darker −20%#3789A8

Darker −30%#2B6A81

Darker −40%#1E4B5B

More saturated +25%#5DC3E8

Less saturated −25%#8BADBA

Channel breakdown

R116

G184

B209

Red116 (45.5%)

Green184 (72.2%)

Blue209 (82%)

Hue196.13°

Saturation (HSL)50.27%

Lightness63.73%

Dominant channelBlue

Hex per channelR 74 · G B8 · B D1

Keep nerding

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

#74B8D1

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