#33ADCC

#33ADCC

Color Values

HEX

#33ADCC

RGB

51, 173, 204

HSL

192,2, 60,0%, 50,0%

HSV

192,2, 75,0%, 80,0%

CMYK

75,0%, 15,2%, 0,0%, 20,0%

OKLCH

0,6952 0,1123 219,0

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#33ADCC

#CC5233

Analogous

#33CC9F

#3360CC

#33ADCC

Triadic

#33ADCC

#CC33AD

#ADCC33

Split Complementary

#33ADCC

#CC3360

#CC9F33

Tetradic

#33ADCC

#9F33CC

#CC5233

#60CC33

Color Blindness Simulation

Original

#33ADCC

Protanopia

#6869C5

Deuteranopia

#6158C3

Tritanopia

#39BFBD

Achromatopsia

#959595

CSS Usage

background-color: #33ADCC;
color: #33ADCC;
border-color: #33ADCC;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F3FAFB
100
#E4F3F6
200
#C6E8F1
300
#9DD8E7
400
#68C2D9
500
#33ADCC
600
#298AA3
700
#216F83
800
#1A5666
900
#16404B
950
#0E282F

Contrast Checker

Text on white

2,63:1

AA Fail AAA Fail

Text on black

7,99:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026