#283417

#283417

Color Values

HEX

#283417

RGB

40, 52, 23

HSL

84.8, 38.7%, 14.7%

HSV

84.8, 55.8%, 20.4%

CMYK

23.1%, 0.0%, 55.8%, 79.6%

OKLCH

0.3058 0.0505 127.6

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#283417

#231734

Analogous

#343117

#193417

#283417

Triadic

#283417

#172834

#341728

Split Complementary

#283417

#171934

#311734

Tetradic

#283417

#173431

#231734

#341719

Color Blindness Simulation

Original

#283417

Protanopia

#2D2D1E

Deuteranopia

#2C2C20

Tritanopia

#292425

Achromatopsia

#2F2F2F

CSS Usage

background-color: #283417;
color: #283417;
border-color: #283417;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEE9CD
300
#C6D9AA
400
#A7C57C
500
#88B14E
600
#6D8D3F
700
#577132
800
#445827
900
#334120
950
#202914

Contrast Checker

Text on white

13.18:1

AA Pass AAA Pass

Text on black

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