#23485C

#23485C

Color Values

HEX

#23485C

RGB

35, 72, 92

HSL

201.1, 44.9%, 24.9%

HSV

201.1, 62.0%, 36.1%

CMYK

62.0%, 21.7%, 0.0%, 63.9%

OKLCH

0.3835 0.0544 234.3

Properties

Cool Dark Nearest: RAL 5009 Azure Blue

Color Harmonies

Complementary

#23485C

#5C3723

Analogous

#235C54

#232B5C

#23485C

Triadic

#23485C

#5C2348

#485C23

Split Complementary

#23485C

#5C232B

#5C5423

Tetradic

#23485C

#54235C

#5C3723

#2B5C23

Color Blindness Simulation

Original

#23485C

Protanopia

#333357

Deuteranopia

#312E56

Tritanopia

#255352

Achromatopsia

#424242

CSS Usage

background-color: #23485C;
color: #23485C;
border-color: #23485C;
Nearest Tailwind: Cyan 900 #164E63

Tailwind Shades

50
#F4F8FA
100
#E6EFF4
200
#CBE0EB
300
#A6CADD
400
#76ADCB
500
#4690B9
600
#387494
700
#2D5C76
800
#23485C
900
#1D3644
950
#12222B

Contrast Checker

Text on white

9.75:1

AA Pass AAA Pass

Text on black

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