#232E36

#232E36

Color Values

HEX

#232E36

RGB

35, 46, 54

HSL

205.3, 21.3%, 17.5%

HSV

205.3, 35.2%, 21.2%

CMYK

35.2%, 14.8%, 0.0%, 78.8%

OKLCH

0.2944 0.021 240.0

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#232E36

#362B23

Analogous

#233635

#232536

#232E36

Triadic

#232E36

#36232E

#2E3623

Split Complementary

#232E36

#362325

#363523

Tetradic

#232E36

#352336

#362B23

#253623

Color Blindness Simulation

Original

#232E36

Protanopia

#282834

Deuteranopia

#272634

Tritanopia

#243332

Achromatopsia

#2C2C2C

CSS Usage

background-color: #232E36;
color: #232E36;
border-color: #232E36;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F8F9
100
#EAEEF0
200
#D4DCE3
300
#B5C4CF
400
#8DA4B5
500
#64849B
600
#50697C
700
#405463
800
#32424D
900
#27323A
950
#192024

Contrast Checker

Text on white

13.86:1

AA Pass AAA Pass

Text on black

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