#232C45

#232C45

Color Values

HEX

#232C45

RGB

35, 44, 69

HSL

224.1, 32.7%, 20.4%

HSV

224.1, 49.3%, 27.1%

CMYK

49.3%, 36.2%, 0.0%, 72.9%

OKLCH

0.2972 0.0474 268.3

Properties

Cool Dark Nearest: RAL 5020 Ocean Blue

Color Harmonies

Complementary

#232C45

#453C23

Analogous

#233D45

#2B2345

#232C45

Triadic

#232C45

#45232C

#2C4523

Split Complementary

#232C45

#452B23

#3D4523

Tetradic

#232C45

#45233D

#453C23

#23452B

Color Blindness Simulation

Original

#232C45

Protanopia

#27273F

Deuteranopia

#26263E

Tritanopia

#233A39

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E8EBF2
200
#D0D6E7
300
#AEB8D6
400
#8292C0
500
#566CA9
600
#455687
700
#37456C
800
#2B3655
900
#222A3F
950
#161A28

Contrast Checker

Text on white

13.84:1

AA Pass AAA Pass

Text on black

1.52:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

2월 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026