#30CFC6

#30CFC6

Color Values

HEX

#30CFC6

RGB

48, 207, 198

HSL

176.6, 62.4%, 50.0%

HSV

176.6, 76.8%, 81.2%

CMYK

76.8%, 0.0%, 4.3%, 18.8%

OKLCH

0.7749 0.1252 189.0

Properties

Cool Light Nearest: Robin Egg Blue

Color Harmonies

Complementary

#30CFC6

#CF3039

Analogous

#30CF76

#3089CF

#30CFC6

Triadic

#30CFC6

#C630CF

#CFC630

Split Complementary

#30CFC6

#CF3089

#CF7630

Tetradic

#30CFC6

#7630CF

#CF3039

#89CF30

Color Blindness Simulation

Original

#30CFC6

Protanopia

#7576C8

Deuteranopia

#6C60C9

Tritanopia

#38CACA

Achromatopsia

#ADADAD

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F7F6
200
#C5F2EF
300
#9CE8E4
400
#66DCD5
500
#30CFC6
600
#26A69E
700
#1F857F
800
#186863
900
#154C49
950
#0D302E

Contrast Checker

Text on white

1.93:1

AA Fail AAA Fail

Text on black

10.87:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026