#30A9CF

#30A9CF

Color Values

HEX

#30A9CF

RGB

48, 169, 207

HSL

194.3, 62.4%, 50.0%

HSV

194.3, 76.8%, 81.2%

CMYK

76.8%, 18.4%, 0.0%, 18.8%

OKLCH

0.6863 0.1159 223.9

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#30A9CF

#CF5630

Analogous

#30CFA5

#305ACF

#30A9CF

Triadic

#30A9CF

#CF30A9

#A9CF30

Split Complementary

#30A9CF

#CF305A

#CFA530

Tetradic

#30A9CF

#A530CF

#CF5630

#5ACF30

Color Blindness Simulation

Original

#30A9CF

Protanopia

#6465C6

Deuteranopia

#5D54C4

Tritanopia

#36BFBD

Achromatopsia

#929292

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F7
200
#C5E7F2
300
#9CD6E8
400
#66BFDC
500
#30A9CF
600
#2687A6
700
#1F6C85
800
#185568
900
#153F4C
950
#0D2830

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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