#030672

#030672

Color Values

HEX

#030672

RGB

3, 6, 114

HSL

238.4, 94.9%, 22.9%

HSV

238.4, 97.4%, 44.7%

CMYK

97.4%, 94.7%, 0.0%, 55.3%

OKLCH

0.257 0.1677 265.3

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#030672

#726F03

Analogous

#033D72

#370372

#030672

Triadic

#030672

#720306

#067203

Split Complementary

#030672

#723703

#3D7203

Tetradic

#030672

#72033D

#726F03

#037237

Color Blindness Simulation

Original

#030672

Protanopia

#040458

Deuteranopia

#040452

Tritanopia

#03433F

Achromatopsia

#0D0D0D

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE0FC
200
#B9BBFD
300
#888BFC
400
#474CFA
500
#070DF8
600
#050AC7
700
#04089F
800
#03067C
900
#07095A
950
#040639

Contrast Checker

Text on white

16.5:1

AA Pass AAA Pass

Text on black

1.27:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026