#030664

#030664

Color Values

HEX

#030664

RGB

3, 6, 100

HSL

238.1, 94.2%, 20.2%

HSV

238.1, 97.0%, 39.2%

CMYK

97.0%, 94.0%, 0.0%, 60.8%

OKLCH

0.2364 0.1514 265.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030664

#646103

Analogous

#033764

#300364

#030664

Triadic

#030664

#640306

#066403

Split Complementary

#030664

#643003

#376403

Tetradic

#030664

#640337

#646103

#036430

Color Blindness Simulation

Original

#030664

Protanopia

#04044D

Deuteranopia

#040448

Tritanopia

#033B37

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F1F2FD
100
#DFE0FB
200
#BABCFD
300
#888CFB
400
#484DFA
500
#070FF8
600
#060CC6
700
#050A9E
800
#04087C
900
#070A5A
950
#050639

Contrast Checker

Text on white

17.3:1

AA Pass AAA Pass

Text on black

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