#30DBCE

#30DBCE

Color Values

HEX

#30DBCE

RGB

48, 219, 206

HSL

175.4, 70.4%, 52.4%

HSV

175.4, 78.1%, 85.9%

CMYK

78.1%, 0.0%, 5.9%, 14.1%

OKLCH

0.8068 0.1325 186.9

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#30DBCE

#DB303D

Analogous

#30DB79

#3093DB

#30DBCE

Triadic

#30DBCE

#CE30DB

#DBCE30

Split Complementary

#30DBCE

#DB3093

#DB7930

Tetradic

#30DBCE

#7930DB

#DB303D

#93DB30

Color Blindness Simulation

Original

#30DBCE

Protanopia

#7A7CD1

Deuteranopia

#7063D2

Tritanopia

#39D4D4

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E2F8F6
200
#C2F4F1
300
#97EDE6
400
#5EE3D9
500
#26D9CB
600
#1EAEA3
700
#188B82
800
#136D66
900
#124F4A
950
#0B322F

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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