#283B36

#283B36

Color Values

HEX

#283B36

RGB

40, 59, 54

HSL

164.2, 19.2%, 19.4%

HSV

164.2, 32.2%, 23.1%

CMYK

32.2%, 0.0%, 8.5%, 76.9%

OKLCH

0.3342 0.026 176.5

Properties

Cool Dark Nearest: RAL 6036 Pearl Opal Green

Color Harmonies

Complementary

#283B36

#3B282D

Analogous

#283B2C

#28363B

#283B36

Triadic

#283B36

#36283B

#3B3628

Split Complementary

#283B36

#3B2836

#3B2C28

Tetradic

#283B36

#2C283B

#3B282D

#363B28

Color Blindness Simulation

Original

#283B36

Protanopia

#303037

Deuteranopia

#2F2E38

Tritanopia

#293838

Achromatopsia

#373737

CSS Usage

background-color: #283B36;
color: #283B36;
border-color: #283B36;
Nearest Tailwind: Teal 950 #042F2E

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2DF
300
#B6CEC7
400
#8FB3A9
500
#67988B
600
#527A6F
700
#426159
800
#344C46
900
#283934
950
#192421

Contrast Checker

Text on white

11.87:1

AA Pass AAA Pass

Text on black

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