#023B77

#023B77

Color Values

HEX

#023B77

RGB

2, 59, 119

HSL

210.8, 96.7%, 23.7%

HSV

210.8, 98.3%, 46.7%

CMYK

98.3%, 50.4%, 0.0%, 53.3%

OKLCH

0.3574 0.1159 255.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#023B77

#773E02

Analogous

#027577

#040277

#023B77

Triadic

#023B77

#77023B

#3B7702

Split Complementary

#023B77

#770402

#757702

Tetradic

#023B77

#770275

#773E02

#027704

Color Blindness Simulation

Original

#023B77

Protanopia

#1B1B68

Deuteranopia

#171365

Tritanopia

#055D5A

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#F1F7FE
100
#DEEDFC
200
#B9DAFE
300
#87C0FD
400
#459EFC
500
#047CFB
600
#0363C9
700
#034FA1
800
#023E7D
900
#062F5B
950
#041E39

Contrast Checker

Text on white

11.08:1

AA Pass AAA Pass

Text on black

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