#032246

#032246

Color Values

HEX

#032246

RGB

3, 34, 70

HSL

212.2, 91.8%, 14.3%

HSV

212.2, 95.7%, 27.5%

CMYK

95.7%, 51.4%, 0.0%, 72.5%

OKLCH

0.2536 0.0766 254.7

Properties

Cool Dark Nearest: RAL 5010 Gentian Blue

Color Harmonies

Complementary

#032246

#462703

Analogous

#034346

#050346

#032246

Triadic

#032246

#460322

#224603

Split Complementary

#032246

#460503

#434603

Tetradic

#032246

#460343

#462703

#034605

Color Blindness Simulation

Original

#032246

Protanopia

#10113D

Deuteranopia

#0F0C3B

Tritanopia

#053635

Achromatopsia

#1E1E1E

CSS Usage

background-color: #032246;
color: #032246;
border-color: #032246;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F1F7FD
100
#DFECFB
200
#BBD9FC
300
#8ABEFA
400
#4A9AF7
500
#0A77F5
600
#085FC4
700
#074C9D
800
#053B7A
900
#082E58
950
#051D38

Contrast Checker

Text on white

15.9:1

AA Pass AAA Pass

Text on black

1.32:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026