#383417

#383417

Color Values

HEX

#383417

RGB

56, 52, 23

HSL

52.7, 41.8%, 15.5%

HSV

52.7, 58.9%, 22.0%

CMYK

0.0%, 7.1%, 58.9%, 78.0%

OKLCH

0.3216 0.0455 101.5

Properties

Warm Dark Nearest: RAL 6014 Yellow Olive

Color Harmonies

Complementary

#383417

#171B38

Analogous

#382417

#2C3817

#383417

Triadic

#383417

#173834

#341738

Split Complementary

#383417

#172C38

#241738

Tetradic

#383417

#173824

#171B38

#38172C

Color Blindness Simulation

Original

#383417

Protanopia

#36361E

Deuteranopia

#363720

Tritanopia

#382425

Achromatopsia

#333333

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F3F2E7
200
#EAE7CC
300
#DBD5A8
400
#C8BE79
500
#B5A84A
600
#91863B
700
#746B2F
800
#5A5425
900
#433E1E
950
#2A2713

Contrast Checker

Text on white

12.56:1

AA Pass AAA Pass

Text on black

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