#3097CF

#3097CF

Color Values

HEX

#3097CF

RGB

48, 151, 207

HSL

201,1, 62,4%, 50,0%

HSV

201,1, 76,8%, 81,2%

CMYK

76,8%, 27,1%, 0,0%, 18,8%

OKLCH

0,6436 0,1239 237,5

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#3097CF

#CF6830

Analogous

#30CFB7

#3048CF

#3097CF

Triadic

#3097CF

#CF3097

#97CF30

Split Complementary

#3097CF

#CF3048

#CFB730

Tetradic

#3097CF

#B730CF

#CF6830

#48CF30

Color Blindness Simulation

Original

#3097CF

Protanopia

#5D5DC1

Deuteranopia

#574FBE

Tritanopia

#35B7B4

Achromatopsia

#858585

CSS Usage

background-color: #3097CF;
color: #3097CF;
border-color: #3097CF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FB
100
#E4F0F7
200
#C5E2F2
300
#9CCDE8
400
#66B2DC
500
#3097CF
600
#2679A6
700
#1F6185
800
#184C68
900
#15394C
950
#0D2430

Contrast Checker

Text on white

3,25:1

AA Fail AAA Fail

Text on black

6,45:1

AA Pass AAA Fail

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