#233E72

#233E72

Color Values

HEX

#233E72

RGB

35, 62, 114

HSL

219.5, 53.0%, 29.2%

HSV

219.5, 69.3%, 44.7%

CMYK

69.3%, 45.6%, 0.0%, 55.3%

OKLCH

0.3716 0.0953 262.1

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#233E72

#725723

Analogous

#236572

#2F2372

#233E72

Triadic

#233E72

#72233E

#3E7223

Split Complementary

#233E72

#722F23

#657223

Tetradic

#233E72

#722365

#725723

#23722F

Color Blindness Simulation

Original

#233E72

Protanopia

#2F2F65

Deuteranopia

#2D2B62

Tritanopia

#245B59

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#F4F6FB
100
#E5EBF5
200
#C8D5EE
300
#A1B8E2
400
#6F91D3
500
#3C6AC3
600
#30559C
700
#26447D
800
#1E3562
900
#192948
950
#101A2D

Contrast Checker

Text on white

10.48:1

AA Pass AAA Pass

Text on black

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