#309BCF

#309BCF

Color Values

HEX

#309BCF

RGB

48, 155, 207

HSL

199.6, 62.4%, 50.0%

HSV

199.6, 76.8%, 81.2%

CMYK

76.8%, 25.1%, 0.0%, 18.8%

OKLCH

0.653 0.1215 234.7

Properties

Cool Light Nearest: deepskyblue 3

Color Harmonies

Complementary

#309BCF

#CF6430

Analogous

#30CFB3

#304CCF

#309BCF

Triadic

#309BCF

#CF309B

#9BCF30

Split Complementary

#309BCF

#CF304C

#CFB330

Tetradic

#309BCF

#B330CF

#CF6430

#4CCF30

Color Blindness Simulation

Original

#309BCF

Protanopia

#5E5FC2

Deuteranopia

#5850BF

Tritanopia

#35B8B6

Achromatopsia

#888888

CSS Usage

background-color: #309BCF;
color: #309BCF;
border-color: #309BCF;
Nearest Tailwind: Sky 500 #0EA5E9

Tailwind Shades

50
#F3F9FB
100
#E4F0F7
200
#C5E3F2
300
#9CCFE8
400
#66B5DC
500
#309BCF
600
#267CA6
700
#1F6385
800
#184E68
900
#153A4C
950
#0D2530

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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