#02365E

#02365E

Color Values

HEX

#02365E

RGB

2, 54, 94

HSL

206.1, 95.8%, 18.8%

HSV

206.1, 97.9%, 36.9%

CMYK

97.9%, 42.6%, 0.0%, 63.1%

OKLCH

0.3255 0.0868 248.5

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#02365E

#5E2A02

Analogous

#025E58

#02085E

#02365E

Triadic

#02365E

#5E0236

#365E02

Split Complementary

#02365E

#5E0208

#5E5802

Tetradic

#02365E

#58025E

#5E2A02

#085E02

Color Blindness Simulation

Original

#02365E

Protanopia

#191954

Deuteranopia

#161252

Tritanopia

#054D4B

Achromatopsia

#2E2E2E

CSS Usage

background-color: #02365E;
color: #02365E;
border-color: #02365E;
Nearest Tailwind: Sky 950 #082F49

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9E0FE
300
#87C9FC
400
#46ACFB
500
#058FFA
600
#0473C8
700
#035CA0
800
#03487D
900
#07365A
950
#042239

Contrast Checker

Text on white

12.41:1

AA Pass AAA Pass

Text on black

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