#283A3C

#283A3C

Color Values

HEX

#283A3C

RGB

40, 58, 60

HSL

186.0, 20.0%, 19.6%

HSV

186.0, 33.3%, 23.5%

CMYK

33.3%, 3.3%, 0.0%, 76.5%

OKLCH

0.3338 0.0234 204.7

Properties

Cool Dark Nearest: RAL 6004 Blue Green

Color Harmonies

Complementary

#283A3C

#3C2A28

Analogous

#283C34

#28303C

#283A3C

Triadic

#283A3C

#3C283A

#3A3C28

Split Complementary

#283A3C

#3C2830

#3C3428

Tetradic

#283A3C

#34283C

#3C2A28

#303C28

Color Blindness Simulation

Original

#283A3C

Protanopia

#30303C

Deuteranopia

#2F2D3B

Tritanopia

#293B3B

Achromatopsia

#363636

CSS Usage

background-color: #283A3C;
color: #283A3C;
border-color: #283A3C;
Nearest Tailwind: Neutral 700 #404040

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D4E1E2
300
#B6CCCE
400
#8EB0B4
500
#669499
600
#52767A
700
#415F62
800
#334A4D
900
#283739
950
#192324

Contrast Checker

Text on white

11.93:1

AA Pass AAA Pass

Text on black

1.76:1

AA Fail AAA Fail

Related Articles

Brand Stories

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

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026