#30B7BA

#30B7BA

Color Values

HEX

#30B7BA

RGB

48, 183, 186

HSL

181.3, 59.0%, 45.9%

HSV

181.3, 74.2%, 72.9%

CMYK

74.2%, 1.6%, 0.0%, 27.1%

OKLCH

0.7119 0.1106 197.2

Properties

Cool Light Nearest: turquoise 3

Color Harmonies

Complementary

#30B7BA

#BA3330

Analogous

#30BA78

#3072BA

#30B7BA

Triadic

#30B7BA

#BA30B7

#B7BA30

Split Complementary

#30B7BA

#BA3072

#BA7830

Tetradic

#30B7BA

#7830BA

#BA3330

#72BA30

Color Blindness Simulation

Original

#30B7BA

Protanopia

#6A6CB9

Deuteranopia

#6358B9

Tritanopia

#37B9B9

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C6EFF0
300
#9EE4E6
400
#69D6D8
500
#34C7CB
600
#2AA0A2
700
#218082
800
#1A6465
900
#17494A
950
#0E2E2F

Contrast Checker

Text on white

2.44:1

AA Fail AAA Fail

Text on black

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