#683D0F

#683D0F

Color Values

HEX

#683D0F

RGB

104, 61, 15

HSL

31.0, 74.8%, 23.3%

HSV

31.0, 85.6%, 40.8%

CMYK

0.0%, 41.3%, 85.6%, 59.2%

OKLCH

0.4038 0.0833 62.3

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#683D0F

#0F3A68

Analogous

#68100F

#66680F

#683D0F

Triadic

#683D0F

#0F683D

#3D0F68

Split Complementary

#683D0F

#0F6668

#100F68

Tetradic

#683D0F

#0F6810

#0F3A68

#680F66

Color Blindness Simulation

Original

#683D0F

Protanopia

#55551A

Deuteranopia

#585B1D

Tritanopia

#662325

Achromatopsia

#434343

CSS Usage

background-color: #683D0F;
color: #683D0F;
border-color: #683D0F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF8F2
100
#F8EEE2
200
#F6DCC1
300
#F0C394
400
#E7A35A
500
#DF8320
600
#B2691A
700
#8F5415
800
#6F4110
900
#513210
950
#331F0A

Contrast Checker

Text on white

9.28:1

AA Pass AAA Pass

Text on black

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