#023863

#023863

Color Values

HEX

#023863

RGB

2, 56, 99

HSL

206.6, 96.0%, 19.8%

HSV

206.6, 98.0%, 38.8%

CMYK

98.0%, 43.4%, 0.0%, 61.2%

OKLCH

0.3344 0.0914 249.4

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#023863

#632D02

Analogous

#02635D

#020863

#023863

Triadic

#023863

#630238

#386302

Split Complementary

#023863

#630208

#635D02

Tetradic

#023863

#5D0263

#632D02

#086302

Color Blindness Simulation

Original

#023863

Protanopia

#191A59

Deuteranopia

#161256

Tritanopia

#05504F

Achromatopsia

#303030

CSS Usage

background-color: #023863;
color: #023863;
border-color: #023863;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F1F8FE
100
#DFEFFC
200
#B9DFFE
300
#87C8FD
400
#46ABFB
500
#058DFA
600
#0471C8
700
#035AA0
800
#03477D
900
#07355A
950
#042239

Contrast Checker

Text on white

12.01:1

AA Pass AAA Pass

Text on black

1.75:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026