#30ABB8

#30ABB8

Color Values

HEX

#30ABB8

RGB

48, 171, 184

HSL

185.7, 58.6%, 45.5%

HSV

185.7, 73.9%, 72.2%

CMYK

73.9%, 7.1%, 0.0%, 27.8%

OKLCH

0.6816 0.1049 205.5

Properties

Cool Light Nearest: Teal Blue

Color Harmonies

Complementary

#30ABB8

#B83D30

Analogous

#30B881

#3067B8

#30ABB8

Triadic

#30ABB8

#B830AB

#ABB830

Split Complementary

#30ABB8

#B83067

#B88130

Tetradic

#30ABB8

#8130B8

#B83D30

#67B830

Color Blindness Simulation

Original

#30ABB8

Protanopia

#6566B5

Deuteranopia

#5E55B4

Tritanopia

#36B2B2

Achromatopsia

#929292

CSS Usage

background-color: #30ABB8;
color: #30ABB8;
border-color: #30ABB8;
Nearest Tailwind: Cyan 500 #06B6D4

Tailwind Shades

50
#F4FAFB
100
#E4F4F6
200
#C6ECF0
300
#9EDFE6
400
#69CDD8
500
#35BCCA
600
#2A96A2
700
#227881
800
#1A5E65
900
#17454A
950
#0E2C2F

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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