#30CCCC

#30CCCC

Color Values

HEX

#30CCCC

RGB

48, 204, 204

HSL

180.0, 61.9%, 49.4%

HSV

180.0, 76.5%, 80.0%

CMYK

76.5%, 0.0%, 0.0%, 20.0%

OKLCH

0.7697 0.1223 194.9

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#30CCCC

#CC3030

Analogous

#30CC7E

#307ECC

#30CCCC

Triadic

#30CCCC

#CC30CC

#CCCC30

Split Complementary

#30CCCC

#CC307E

#CC7E30

Tetradic

#30CCCC

#7E30CC

#CC3030

#7ECC30

Color Blindness Simulation

Original

#30CCCC

Protanopia

#7475CC

Deuteranopia

#6A5FCC

Tritanopia

#38CCCC

Achromatopsia

#ABABAB

CSS Usage

background-color: #30CCCC;
color: #30CCCC;
border-color: #30CCCC;
Nearest Tailwind: Teal 400 #2DD4BF

Tailwind Shades

50
#F3FBFB
100
#E4F7F7
200
#C5F1F1
300
#9CE8E8
400
#66DBDB
500
#31CECE
600
#27A5A5
700
#1F8484
800
#186767
900
#154B4B
950
#0E3030

Contrast Checker

Text on white

1.97:1

AA Fail AAA Fail

Text on black

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