#30B2AE

#30B2AE

Color Values

HEX

#30B2AE

RGB

48, 178, 174

HSL

178.2, 57.5%, 44.3%

HSV

178.2, 73.0%, 69.8%

CMYK

73.0%, 0.0%, 2.2%, 30.2%

OKLCH

0.6953 0.1083 191.9

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#30B2AE

#B23034

Analogous

#30B26D

#3075B2

#30B2AE

Triadic

#30B2AE

#AE30B2

#B2AE30

Split Complementary

#30B2AE

#B23075

#B26D30

Tetradic

#30B2AE

#6D30B2

#B23034

#75B230

Color Blindness Simulation

Original

#30B2AE

Protanopia

#6869AF

Deuteranopia

#6157AF

Tritanopia

#36B0B0

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F5
200
#C7F0EF
300
#9FE5E3
400
#6AD7D4
500
#36C9C4
600
#2BA19D
700
#23817E
800
#1B6462
900
#174A48
950
#0F2E2D

Contrast Checker

Text on white

2.59:1

AA Fail AAA Fail

Text on black

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