#023057

#023057

Color Values

HEX

#023057

RGB

2, 48, 87

HSL

207.5, 95.5%, 17.5%

HSV

207.5, 97.7%, 34.1%

CMYK

97.7%, 44.8%, 0.0%, 65.9%

OKLCH

0.3043 0.0841 250.1

Properties

Cool Dark Nearest: RAL 5026 Pearl Night Blue

Color Harmonies

Complementary

#023057

#572902

Analogous

#025754

#020657

#023057

Triadic

#023057

#570230

#305702

Split Complementary

#023057

#570206

#575402

Tetradic

#023057

#540257

#572902

#065702

Color Blindness Simulation

Original

#023057

Protanopia

#16164E

Deuteranopia

#13104B

Tritanopia

#044644

Achromatopsia

#292929

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DEFD
300
#87C7FC
400
#47A8FB
500
#068AF9
600
#056EC7
700
#0458A0
800
#03457D
900
#07345A
950
#042139

Contrast Checker

Text on white

13.44:1

AA Pass AAA Pass

Text on black

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