#33A5CC

#33A5CC

Color Values

HEX

#33A5CC

RGB

51, 165, 204

HSL

195.3, 60.0%, 50.0%

HSV

195.3, 75.0%, 80.0%

CMYK

75.0%, 19.1%, 0.0%, 20.0%

OKLCH

0.6761 0.1136 225.6

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#33A5CC

#CC5A33

Analogous

#33CCA7

#3358CC

#33A5CC

Triadic

#33A5CC

#CC33A5

#A5CC33

Split Complementary

#33A5CC

#CC3358

#CCA733

Tetradic

#33A5CC

#A733CC

#CC5A33

#58CC33

Color Blindness Simulation

Original

#33A5CC

Protanopia

#6465C3

Deuteranopia

#5E55C0

Tritanopia

#39BBB9

Achromatopsia

#909090

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F6
200
#C6E6F1
300
#9DD4E7
400
#68BCD9
500
#33A5CC
600
#2984A3
700
#216A83
800
#1A5266
900
#163D4B
950
#0E272F

Contrast Checker

Text on white

2.84:1

AA Fail AAA Fail

Text on black

7.39: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