#6B450C

#6B450C

Color Values

HEX

#6B450C

RGB

107, 69, 12

HSL

36.0, 79.8%, 23.3%

HSV

36.0, 88.8%, 42.0%

CMYK

0.0%, 35.5%, 88.8%, 58.0%

OKLCH

0.4242 0.0852 71.0

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#6B450C

#0C326B

Analogous

#6B150C

#616B0C

#6B450C

Triadic

#6B450C

#0C6B45

#450C6B

Split Complementary

#6B450C

#0C616B

#150C6B

Tetradic

#6B450C

#0C6B15

#0C326B

#6B0C61

Color Blindness Simulation

Original

#6B450C

Protanopia

#5B5A1A

Deuteranopia

#5D601D

Tritanopia

#692527

Achromatopsia

#494949

CSS Usage

background-color: #6B450C;
color: #6B450C;
border-color: #6B450C;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FDF8F2
100
#F9F0E1
200
#F8E1BF
300
#F3CC91
400
#ECB055
500
#E5941A
600
#B77615
700
#935F10
800
#734A0D
900
#53370E
950
#352309

Contrast Checker

Text on white

8.46:1

AA Pass AAA Pass

Text on black

2.48:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026