#45280F

#45280F

Color Values

HEX

#45280F

RGB

69, 40, 15

HSL

27.8, 64.3%, 16.5%

HSV

27.8, 78.3%, 27.1%

CMYK

0.0%, 42.0%, 78.3%, 72.9%

OKLCH

0.3083 0.0573 58.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#45280F

#0F2C45

Analogous

#450F11

#45430F

#45280F

Triadic

#45280F

#0F4528

#280F45

Split Complementary

#45280F

#0F4543

#0F1145

Tetradic

#45280F

#11450F

#0F2C45

#430F45

Color Blindness Simulation

Original

#45280F

Protanopia

#383815

Deuteranopia

#3A3C16

Tritanopia

#441A1B

Achromatopsia

#2C2C2C

CSS Usage

background-color: #45280F;
color: #45280F;
border-color: #45280F;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FCF7F3
100
#F7ECE3
200
#F2DAC4
300
#E9BF9A
400
#DD9C64
500
#D1792E
600
#A86124
700
#864E1D
800
#693D17
900
#4C2E14
950
#301D0D

Contrast Checker

Text on white

13.43:1

AA Pass AAA Pass

Text on black

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