#030248

#030248

Color Values

HEX

#030248

RGB

3, 2, 72

HSL

240,9, 94,6%, 14,5%

HSV

240,9, 97,2%, 28,2%

CMYK

95,8%, 97,2%, 0,0%, 71,8%

OKLCH

0,1879 0,1214 267,0

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#030248

#474802

Analogous

#022448

#260248

#030248

Triadic

#030248

#480302

#024803

Split Complementary

#030248

#482602

#244802

Tetradic

#030248

#480224

#474802

#024826

Color Blindness Simulation

Original

#030248

Protanopia

#030337

Deuteranopia

#030333

Tritanopia

#032A27

Achromatopsia

#070707

CSS Usage

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

Tailwind Shades

50
#F1F1FE
100
#DFDFFC
200
#BBBAFD
300
#8A88FC
400
#4A47FA
500
#0B07F8
600
#0806C6
700
#07049F
800
#05037C
900
#08075A
950
#050539

Contrast Checker

Text on white

18,99:1

AA Pass AAA Pass

Text on black

1,11: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