#030965

#030965

Color Values

HEX

#030965

RGB

3, 9, 101

HSL

236.3, 94.2%, 20.4%

HSV

236.3, 97.0%, 39.6%

CMYK

97.0%, 91.1%, 0.0%, 60.4%

OKLCH

0.2413 0.1503 265.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030965

#655F03

Analogous

#033A65

#2E0365

#030965

Triadic

#030965

#650309

#096503

Split Complementary

#030965

#652E03

#3A6503

Tetradic

#030965

#65033A

#655F03

#03652E

Color Blindness Simulation

Original

#030965

Protanopia

#06064F

Deuteranopia

#050549

Tritanopia

#033D39

Achromatopsia

#0E0E0E

CSS Usage

background-color: #030965;
color: #030965;
border-color: #030965;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F1F2FD
100
#DFE1FB
200
#BABEFD
300
#888FFB
400
#4853FA
500
#0716F8
600
#0612C6
700
#050E9E
800
#040B7C
900
#070C5A
950
#050839

Contrast Checker

Text on white

17.06:1

AA Pass AAA Pass

Text on black

1.23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026