#30AFB1

#30AFB1

Color Values

HEX

#30AFB1

RGB

48, 175, 177

HSL

180.9, 57.3%, 44.1%

HSV

180.9, 72.9%, 69.4%

CMYK

72.9%, 1.1%, 0.0%, 30.6%

OKLCH

0.6889 0.106 196.6

Properties

Cool Light Nearest: NCS S 1050-B50G Turquoise

Color Harmonies

Complementary

#30AFB1

#B13230

Analogous

#30B172

#306FB1

#30AFB1

Triadic

#30AFB1

#B130AF

#AFB130

Split Complementary

#30AFB1

#B1306F

#B17230

Tetradic

#30AFB1

#7230B1

#B13230

#6FB130

Color Blindness Simulation

Original

#30AFB1

Protanopia

#6768B1

Deuteranopia

#6056B0

Tritanopia

#36B0B0

Achromatopsia

#949494

CSS Usage

background-color: #30AFB1;
color: #30AFB1;
border-color: #30AFB1;
Nearest Tailwind: Teal 600 #0D9488

Tailwind Shades

50
#F4FBFB
100
#E4F6F6
200
#C7EFF0
300
#9FE4E5
400
#6BD5D7
500
#36C6C9
600
#2C9FA0
700
#237F80
800
#1B6364
900
#174949
950
#0F2E2E

Contrast Checker

Text on white

2.66:1

AA Fail AAA Fail

Text on black

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