#23313A

#23313A

Color Values

HEX

#23313A

RGB

35, 49, 58

HSL

203.5, 24.7%, 18.2%

HSV

203.5, 39.7%, 22.7%

CMYK

39.7%, 15.5%, 0.0%, 77.3%

OKLCH

0.3045 0.0248 236.8

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#23313A

#3A2C23

Analogous

#233A37

#23253A

#23313A

Triadic

#23313A

#3A2331

#313A23

Split Complementary

#23313A

#3A2325

#3A3723

Tetradic

#23313A

#37233A

#3A2C23

#253A23

Color Blindness Simulation

Original

#23313A

Protanopia

#292938

Deuteranopia

#282737

Tritanopia

#243636

Achromatopsia

#2F2F2F

CSS Usage

background-color: #23313A;
color: #23313A;
border-color: #23313A;
Nearest Tailwind: Gray 800 #1F2937

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DDE4
300
#B3C5D1
400
#89A6B8
500
#60869F
600
#4D6B7F
700
#3D5666
800
#30434F
900
#26333B
950
#182025

Contrast Checker

Text on white

13.36:1

AA Pass AAA Pass

Text on black

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