#69450F

#69450F

Color Values

HEX

#69450F

RGB

105, 69, 15

HSL

36.0, 75.0%, 23.5%

HSV

36.0, 85.7%, 41.2%

CMYK

0.0%, 34.3%, 85.7%, 58.8%

OKLCH

0.4217 0.0824 71.8

Properties

Warm Dark Nearest: Raw Umber

Color Harmonies

Complementary

#69450F

#0F3369

Analogous

#69180F

#60690F

#69450F

Triadic

#69450F

#0F6945

#450F69

Split Complementary

#69450F

#0F6069

#180F69

Tetradic

#69450F

#0F6918

#0F3369

#690F60

Color Blindness Simulation

Original

#69450F

Protanopia

#59591C

Deuteranopia

#5C5E1F

Tritanopia

#672629

Achromatopsia

#494949

CSS Usage

background-color: #69450F;
color: #69450F;
border-color: #69450F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF8F2
100
#F9EFE2
200
#F6E1C1
300
#F0CB94
400
#E7AF5A
500
#DF9320
600
#B37519
700
#8F5E14
800
#704910
900
#513710
950
#33230A

Contrast Checker

Text on white

8.54:1

AA Pass AAA Pass

Text on black

2.46:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026