#023671

#023671

Color Values

HEX

#023671

RGB

2, 54, 113

HSL

211.9, 96.5%, 22.5%

HSV

211.9, 98.2%, 44.3%

CMYK

98.2%, 52.2%, 0.0%, 55.7%

OKLCH

0.3403 0.1139 256.0

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#023671

#713D02

Analogous

#026D71

#060271

#023671

Triadic

#023671

#710236

#367102

Split Complementary

#023671

#710602

#6D7102

Tetradic

#023671

#71026D

#713D02

#027106

Color Blindness Simulation

Original

#023671

Protanopia

#191963

Deuteranopia

#16125F

Tritanopia

#055755

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DFECFC
200
#B9D9FE
300
#87BEFD
400
#469BFC
500
#0478FB
600
#0460C8
700
#034DA0
800
#023C7D
900
#062E5B
950
#041D39

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

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