#33A0CC

#33A0CC

Color Values

HEX

#33A0CC

RGB

51, 160, 204

HSL

197.3, 60.0%, 50.0%

HSV

197.3, 75.0%, 80.0%

CMYK

75.0%, 21.6%, 0.0%, 20.0%

OKLCH

0.6641 0.1153 229.6

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#33A0CC

#CC5F33

Analogous

#33CCAC

#3353CC

#33A0CC

Triadic

#33A0CC

#CC33A0

#A0CC33

Split Complementary

#33A0CC

#CC3353

#CCAC33

Tetradic

#33A0CC

#AC33CC

#CC5F33

#53CC33

Color Blindness Simulation

Original

#33A0CC

Protanopia

#6263C1

Deuteranopia

#5C54BF

Tritanopia

#38B9B7

Achromatopsia

#8C8C8C

CSS Usage

background-color: #33A0CC;
color: #33A0CC;
border-color: #33A0CC;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FB
100
#E4F1F6
200
#C6E4F1
300
#9DD1E7
400
#68B9D9
500
#33A0CC
600
#2980A3
700
#216683
800
#1A5066
900
#163C4B
950
#0E262F

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

7.04:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026