#0309C9

#0309C9

Color Values

HEX

#0309C9

RGB

3, 9, 201

HSL

238.2, 97.1%, 40.0%

HSV

238.2, 98.5%, 78.8%

CMYK

98.5%, 95.5%, 0.0%, 21.2%

OKLCH

0.3826 0.2585 264.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0309C9

#C9C303

Analogous

#036CC9

#6003C9

#0309C9

Triadic

#0309C9

#C90309

#09C903

Split Complementary

#0309C9

#C96003

#6CC903

Tetradic

#0309C9

#C9036C

#C9C303

#03C960

Color Blindness Simulation

Original

#0309C9

Protanopia

#06069B

Deuteranopia

#05058F

Tritanopia

#03766E

Achromatopsia

#161616

CSS Usage

background-color: #0309C9;
color: #0309C9;
border-color: #0309C9;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DEDFFC
200
#B9BBFE
300
#868AFD
400
#454BFC
500
#040BFB
600
#0309C9
700
#0207A1
800
#02067E
900
#06095B
950
#040539

Contrast Checker

Text on white

11.13:1

AA Pass AAA Pass

Text on black

1.89:1

AA Fail 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