#30A8CF

#30A8CF

Color Values

HEX

#30A8CF

RGB

48, 168, 207

HSL

194.7, 62.4%, 50.0%

HSV

194.7, 76.8%, 81.2%

CMYK

76.8%, 18.8%, 0.0%, 18.8%

OKLCH

0.6839 0.1162 224.7

Properties

Cool Light Nearest: Cerulean

Color Harmonies

Complementary

#30A8CF

#CF5730

Analogous

#30CFA6

#3059CF

#30A8CF

Triadic

#30A8CF

#CF30A8

#A8CF30

Split Complementary

#30A8CF

#CF3059

#CFA630

Tetradic

#30A8CF

#A630CF

#CF5730

#59CF30

Color Blindness Simulation

Original

#30A8CF

Protanopia

#6465C6

Deuteranopia

#5D54C3

Tritanopia

#36BEBC

Achromatopsia

#919191

CSS Usage

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

Tailwind Shades

50
#F3F9FB
100
#E4F2F7
200
#C5E7F2
300
#9CD5E8
400
#66BFDC
500
#30A8CF
600
#2686A6
700
#1F6C85
800
#185468
900
#153E4C
950
#0D2730

Contrast Checker

Text on white

2.75:1

AA Fail AAA Fail

Text on black

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