#30B0AD

#30B0AD

Color Values

HEX

#30B0AD

RGB

48, 176, 173

HSL

178.6, 57.1%, 43.9%

HSV

178.6, 72.7%, 69.0%

CMYK

72.7%, 0.0%, 1.7%, 31.0%

OKLCH

0.69 0.107 192.6

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#30B0AD

#B03033

Analogous

#30B06D

#3073B0

#30B0AD

Triadic

#30B0AD

#AD30B0

#B0AD30

Split Complementary

#30B0AD

#B03073

#B06D30

Tetradic

#30B0AD

#6D30B0

#B03033

#73B030

Color Blindness Simulation

Original

#30B0AD

Protanopia

#6769AE

Deuteranopia

#6056AE

Tritanopia

#36AEAE

Achromatopsia

#959595

CSS Usage

background-color: #30B0AD;
color: #30B0AD;
border-color: #30B0AD;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C7F0EF
300
#9FE5E3
400
#6BD7D4
500
#37C8C5
600
#2CA09E
700
#23807E
800
#1B6462
900
#184948
950
#0F2E2E

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

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