Recognised as Colour

#33B0C4

#33B0C4
Cyan
Dark
Nearest: Cadetblue

#33B0C4 is a cyan with RGB values 51, 176, 196 and HSL 188°, 59%, 48%. It is a dark colour, so black text on it reaches 8.1:1 contrast (AAA for normal text). The nearest named colour is Cadetblue.

Colour values

#33B0C4#33B0C4

HEX#33B0C4

RGBrgb(51, 176, 196)

RGB (0–1)0.2, 0.6902, 0.7686

RGB percentages20%, 69%, 76.9%

HSLhsl(188.3, 58.7%, 48.4%)

HSV / HSBhsv(188.3, 74%, 76.9%)

CMYK74%, 10.2%, 0%, 23.1%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer3,387,588

CSS custom property--colour: #33B0C4;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.15:1

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

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

Greyscale equivalent#979797

Inverted#CC4F3B

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#9FAAC5no red cones; affects about 1% of men; ΔE 29.2 from the original

Deuteranopia#8B9BC4no green cones; the most common form, about 1% of men; ΔE 30.8 from the original

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

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

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

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

Named colours

Cadetblue · ΔE 15.3 Dark turquoise · ΔE 17.3 Light seagreen · ΔE 17.3 Sky blue · ΔE 17.6 Dark cyan · ΔE 18.3 Medium turquoise · ΔE 18.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 15.25, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C44733

Analogous#33C490, #3367C4

Triadic#C433B0, #B0C433

Split complementary#C43367, #C49033

Tetradic#9033C4, #C44733, #68C433

Tints, shades & saturation

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

Lighter +40%#D0EEF3

Lighter +30%#A8DFE8

Lighter +20%#7FD1DE

Lighter +10%#57C2D3

Darker −10%#288C9C

Darker −20%#1E6773

Darker −30%#13434B

Darker −40%#091F22

More saturated +25%#14C6E3

Less saturated −25%#529AA5

Channel breakdown

R51

G176

B196

Red51 (20%)

Green176 (69%)

Blue196 (76.9%)

Hue188.28°

Saturation (HSL)58.7%

Lightness48.43%

Dominant channelBlue

Hex per channelR 33 · G B0 · B C4

Keep nerding

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

#33B0C4

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