#232D47

#232D47

Color Values

HEX

#232D47

RGB

35, 45, 71

HSL

223.3, 34.0%, 20.8%

HSV

223.3, 50.7%, 27.8%

CMYK

50.7%, 36.6%, 0.0%, 72.2%

OKLCH

0.301 0.0494 267.4

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#232D47

#473D23

Analogous

#233F47

#2B2347

#232D47

Triadic

#232D47

#47232D

#2D4723

Split Complementary

#232D47

#472B23

#3F4723

Tetradic

#232D47

#47233F

#473D23

#23472B

Color Blindness Simulation

Original

#232D47

Protanopia

#272741

Deuteranopia

#27263F

Tritanopia

#243C3B

Achromatopsia

#2D2D2D

CSS Usage

background-color: #232D47;
color: #232D47;
border-color: #232D47;
Nearest Tailwind: Slate 800 #1E293B

Tailwind Shades

50
#F5F6FA
100
#E8EBF2
200
#CFD6E7
300
#ADB9D7
400
#8192C1
500
#546CAB
600
#435789
700
#36456D
800
#2A3655
900
#222A3F
950
#151A28

Contrast Checker

Text on white

13.66:1

AA Pass AAA Pass

Text on black

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