#06046F

#06046F

Color Values

HEX

#06046F

RGB

6, 4, 111

HSL

241.1, 93.0%, 22.5%

HSV

241.1, 96.4%, 43.5%

CMYK

94.6%, 96.4%, 0.0%, 56.5%

OKLCH

0.2519 0.1647 266.5

Properties

Cool Dark Nearest: navy

Color Harmonies

Complementary

#06046F

#6D6F04

Analogous

#04376F

#3B046F

#06046F

Triadic

#06046F

#6F0604

#046F06

Split Complementary

#06046F

#6F3B04

#376F04

Tetradic

#06046F

#6F0437

#6D6F04

#046F3B

Color Blindness Simulation

Original

#06046F

Protanopia

#050555

Deuteranopia

#05054F

Tritanopia

#06413C

Achromatopsia

#0C0C0C

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BBBAFD
300
#8B89FB
400
#4C49F8
500
#0D09F6
600
#0B07C5
700
#08069D
800
#07047B
900
#090859
950
#060538

Contrast Checker

Text on white

16.74:1

AA Pass AAA Pass

Text on black

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