#283318

#283318

Color Values

HEX

#283318

RGB

40, 51, 24

HSL

84.4, 36.0%, 14.7%

HSV

84.4, 52.9%, 20.0%

CMYK

21.6%, 0.0%, 52.9%, 80.0%

OKLCH

0.3031 0.0474 127.2

Properties

Cool Dark Nearest: RAL 6020 Chrome Green

Color Harmonies

Complementary

#283318

#231833

Analogous

#333018

#1B3318

#283318

Triadic

#283318

#182833

#331828

Split Complementary

#283318

#181B33

#301833

Tetradic

#283318

#183330

#231833

#33181B

Color Blindness Simulation

Original

#283318

Protanopia

#2D2D1F

Deuteranopia

#2C2B20

Tritanopia

#292425

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C6D8AC
400
#A7C37F
500
#88AD52
600
#6D8B41
700
#576F34
800
#445729
900
#334021
950
#202915

Contrast Checker

Text on white

13.32:1

AA Pass AAA Pass

Text on black

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