#33B5CC

#33B5CC

Color Values

HEX

#33B5CC

RGB

51, 181, 204

HSL

189.0, 60.0%, 50.0%

HSV

189.0, 75.0%, 80.0%

CMYK

75.0%, 11.3%, 0.0%, 20.0%

OKLCH

0.7145 0.1125 212.4

Properties

Cool Light Nearest: Pacific Blue

Color Harmonies

Complementary

#33B5CC

#CC4A33

Analogous

#33CC96

#3369CC

#33B5CC

Triadic

#33B5CC

#CC33B5

#B5CC33

Split Complementary

#33B5CC

#CC3369

#CC9633

Tetradic

#33B5CC

#9633CC

#CC4A33

#69CC33

Color Blindness Simulation

Original

#33B5CC

Protanopia

#6B6CC6

Deuteranopia

#645AC5

Tritanopia

#3AC2C1

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F4F6
200
#C6EAF1
300
#9DDCE7
400
#68C8D9
500
#33B5CC
600
#2991A3
700
#217483
800
#1A5B66
900
#16434B
950
#0E2A2F

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

8.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026