#030247

#030247

Color Values

HEX

#030247

RGB

3, 2, 71

HSL

240.9, 94.5%, 14.3%

HSV

240.9, 97.2%, 27.8%

CMYK

95.8%, 97.2%, 0.0%, 72.2%

OKLCH

0.1863 0.1202 267.1

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030247

#464702

Analogous

#022347

#250247

#030247

Triadic

#030247

#470302

#024703

Split Complementary

#030247

#472502

#234702

Tetradic

#030247

#470223

#464702

#024725

Color Blindness Simulation

Original

#030247

Protanopia

#030336

Deuteranopia

#030332

Tritanopia

#032926

Achromatopsia

#070707

CSS Usage

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

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFD
300
#8A88FC
400
#4A47FA
500
#0B07F8
600
#0906C6
700
#07049F
800
#05047C
900
#08075A
950
#050539

Contrast Checker

Text on white

19.03:1

AA Pass AAA Pass

Text on black

1.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026