#30B4B3

#30B4B3

Color Values

HEX

#30B4B3

RGB

48, 180, 179

HSL

179.5, 57.9%, 44.7%

HSV

179.5, 73.3%, 70.6%

CMYK

73.3%, 0.0%, 0.6%, 29.4%

OKLCH

0.702 0.1091 194.2

Properties

Cool Light Nearest: lightseagreen

Color Harmonies

Complementary

#30B4B3

#B43031

Analogous

#30B471

#3073B4

#30B4B3

Triadic

#30B4B3

#B330B4

#B4B330

Split Complementary

#30B4B3

#B43073

#B47130

Tetradic

#30B4B3

#7130B4

#B43031

#73B430

Color Blindness Simulation

Original

#30B4B3

Protanopia

#696AB3

Deuteranopia

#6258B3

Tritanopia

#37B3B3

Achromatopsia

#989898

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C7F0F0
300
#9EE5E5
400
#6AD7D6
500
#36C9C8
600
#2BA1A0
700
#228180
800
#1B6564
900
#174A49
950
#0F2F2E

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.31:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026