#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

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