#28373F

#28373F

Color Values

HEX

#28373F

RGB

40, 55, 63

HSL

200.9, 22.3%, 20.2%

HSV

200.9, 36.5%, 24.7%

CMYK

36.5%, 12.7%, 0.0%, 75.3%

OKLCH

0.3269 0.0243 231.7

Properties

Cool Dark Nearest: RAL 7026 Granite Grey

Color Harmonies

Complementary

#28373F

#3F3028

Analogous

#283F3C

#282C3F

#28373F

Triadic

#28373F

#3F2837

#373F28

Split Complementary

#28373F

#3F282C

#3F3C28

Tetradic

#28373F

#3C283F

#3F3028

#2C3F28

Color Blindness Simulation

Original

#28373F

Protanopia

#2E2F3D

Deuteranopia

#2E2C3D

Tritanopia

#293C3B

Achromatopsia

#343434

CSS Usage

background-color: #28373F;
color: #28373F;
border-color: #28373F;
Nearest Tailwind: Gray 700 #374151

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DEE3
300
#B4C6CF
400
#8CA7B6
500
#63889C
600
#4F6D7D
700
#3F5764
800
#32444E
900
#27333A
950
#182025

Contrast Checker

Text on white

12.29:1

AA Pass AAA Pass

Text on black

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