#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

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026