#DD9250

#DD9250

Color Values

HEX

#DD9250

RGB

221, 146, 80

HSL

28.1, 67.5%, 59.0%

HSV

28.1, 63.8%, 86.7%

CMYK

0.0%, 33.9%, 63.8%, 13.3%

OKLCH

0.7229 0.1224 60.3

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DD9250

#509BDD

Analogous

#DD5054

#DDD950

#DD9250

Triadic

#DD9250

#50DD92

#9250DD

Split Complementary

#DD9250

#50DDD9

#5054DD

Tetradic

#DD9250

#54DD50

#509BDD

#D950DD

Color Blindness Simulation

Original

#DD9250

Protanopia

#BDBC60

Deuteranopia

#C1C664

Tritanopia

#D96D6F

Achromatopsia

#9D9D9D

CSS Usage

background-color: #DD9250;
color: #DD9250;
border-color: #DD9250;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC3
300
#EBBF98
400
#E09D61
500
#D67A29
600
#AB6221
700
#894E1B
800
#6B3D15
900
#4E2F13
950
#311D0C

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

8.3:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026