#30CFB2

#30CFB2

Color Values

HEX

#30CFB2

RGB

48, 207, 178

HSL

169,1, 62,4%, 50,0%

HSV

169,1, 76,8%, 81,2%

CMYK

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

OKLCH

0,7688 0,1329 176,9

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#30CFB2

#CF304D

Analogous

#30CF63

#309CCF

#30CFB2

Triadic

#30CFB2

#B230CF

#CFB230

Split Complementary

#30CFB2

#CF309C

#CF6330

Tetradic

#30CFB2

#6330CF

#CF304D

#9CCF30

Color Blindness Simulation

Original

#30CFB2

Protanopia

#7576B9

Deuteranopia

#6C60BB

Tritanopia

#38BFC0

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F3FBFA
100
#E4F7F3
200
#C5F2E9
300
#9CE8DA
400
#66DCC6
500
#30CFB2
600
#26A68F
700
#1F8572
800
#186859
900
#154C42
950
#0D302A

Contrast Checker

Text on white

1,96: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