#06339E

#06339E

Color Values

HEX

#06339E

RGB

6, 51, 158

HSL

222,2, 92,7%, 32,2%

HSV

222,2, 96,2%, 62,0%

CMYK

96,2%, 67,7%, 0,0%, 38,0%

OKLCH

0,3771 0,1786 263,2

Properties

Cool Dark Nearest: NCS S 2050-R70B Violet

Color Harmonies

Complementary

#06339E

#9E7106

Analogous

#067F9E

#25069E

#06339E

Triadic

#06339E

#9E0633

#339E06

Split Complementary

#06339E

#9E2506

#7F9E06

Tetradic

#06339E

#9E067F

#9E7106

#069E25

Color Blindness Simulation

Original

#06339E

Protanopia

#191A84

Deuteranopia

#17147E

Tritanopia

#08706B

Achromatopsia

#313131

CSS Usage

background-color: #06339E;
color: #06339E;
border-color: #06339E;
Nearest Tailwind: Blue 800 #1E40AF

Tailwind Shades

50
#F1F5FD
100
#DFE7FB
200
#BACEFC
300
#89ABFB
400
#497DF8
500
#094FF6
600
#0740C5
700
#06339D
800
#05287B
900
#082059
950
#051438

Contrast Checker

Text on white

10,63:1

AA Pass AAA Pass

Text on black

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