#DF914B

#DF914B

Color Values

HEX

#DF914B

RGB

223, 145, 75

HSL

28.4, 69.8%, 58.4%

HSV

28.4, 66.4%, 87.5%

CMYK

0.0%, 35.0%, 66.4%, 12.5%

OKLCH

0.7229 0.1275 60.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#DF914B

#4B99DF

Analogous

#DF4B4F

#DFDB4B

#DF914B

Triadic

#DF914B

#4BDF91

#914BDF

Split Complementary

#DF914B

#4BDFDB

#4B4FDF

Tetradic

#DF914B

#4FDF4B

#4B99DF

#DB4BDF

Color Blindness Simulation

Original

#DF914B

Protanopia

#BDBD5C

Deuteranopia

#C2C860

Tritanopia

#DB696C

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DAC2
300
#EDC097
400
#E39D5F
500
#D87B27
600
#AD621F
700
#8B4F19
800
#6C3D13
900
#4F2F12
950
#321E0B

Contrast Checker

Text on white

2.53:1

AA Fail AAA Fail

Text on black

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