#30A0CF

#30A0CF

Color Values

HEX

#30A0CF

RGB

48, 160, 207

HSL

197.7, 62.4%, 50.0%

HSV

197.7, 76.8%, 81.2%

CMYK

76.8%, 22.7%, 0.0%, 18.8%

OKLCH

0.6648 0.119 231.0

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#30A0CF

#CF5F30

Analogous

#30CFAE

#3051CF

#30A0CF

Triadic

#30A0CF

#CF30A0

#A0CF30

Split Complementary

#30A0CF

#CF3051

#CFAE30

Tetradic

#30A0CF

#AE30CF

#CF5F30

#51CF30

Color Blindness Simulation

Original

#30A0CF

Protanopia

#6161C4

Deuteranopia

#5A52C1

Tritanopia

#36BBB9

Achromatopsia

#8C8C8C

CSS Usage

background-color: #30A0CF;
color: #30A0CF;
border-color: #30A0CF;
Nearest Tailwind: Cyan 600 #0891B2

Tailwind Shades

50
#F3F9FB
100
#E4F1F7
200
#C5E4F2
300
#9CD1E8
400
#66B9DC
500
#30A0CF
600
#2680A6
700
#1F6685
800
#185068
900
#153C4C
950
#0D2630

Contrast Checker

Text on white

2.98:1

AA Fail AAA Fail

Text on black

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