#002A5B

#002A5B

Color Values

HEX

#002A5B

RGB

0, 42, 91

HSL

212.3, 100.0%, 17.8%

HSV

212.3, 100.0%, 35.7%

CMYK

100.0%, 53.8%, 0.0%, 64.3%

OKLCH

0.2913 0.0985 255.7

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#002A5B

#5B3100

Analogous

#00575B

#03005B

#002A5B

Triadic

#002A5B

#5B002A

#2A5B00

Split Complementary

#002A5B

#5B0300

#575B00

Tetradic

#002A5B

#5B0057

#5B3100

#005B03

Color Blindness Simulation

Original

#002A5B

Protanopia

#12134F

Deuteranopia

#100D4C

Tritanopia

#024644

Achromatopsia

#252525

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEECFC
200
#B8D9FF
300
#85BDFF
400
#4299FF
500
#0076FF
600
#005ECC
700
#004BA3
800
#003B80
900
#052D5C
950
#031C3A

Contrast Checker

Text on white

14.17:1

AA Pass AAA Pass

Text on black

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