#30CFB1

#30CFB1

Color Values

HEX

#30CFB1

RGB

48, 207, 177

HSL

168,7, 62,4%, 50,0%

HSV

168,7, 76,8%, 81,2%

CMYK

76,8%, 0,0%, 14,5%, 18,8%

OKLCH

0,7685 0,1335 176,3

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#30CFB1

#CF304E

Analogous

#30CF62

#309DCF

#30CFB1

Triadic

#30CFB1

#B130CF

#CFB130

Split Complementary

#30CFB1

#CF309D

#CF6230

Tetradic

#30CFB1

#6230CF

#CF304E

#9DCF30

Color Blindness Simulation

Original

#30CFB1

Protanopia

#7576B8

Deuteranopia

#6C60BA

Tritanopia

#38BEBF

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F7F3
200
#C5F2E9
300
#9CE8DA
400
#66DCC5
500
#30CFB1
600
#26A68E
700
#1F8571
800
#186859
900
#154C41
950
#0D3029

Contrast Checker

Text on white

1,97:1

AA Fail AAA Fail

Text on black

10,69: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