#DF9B3D

#DF9B3D

Color Values

HEX

#DF9B3D

RGB

223, 155, 61

HSL

34.8, 71.7%, 55.7%

HSV

34.8, 72.6%, 87.5%

CMYK

0.0%, 30.5%, 72.6%, 12.5%

OKLCH

0.7398 0.1342 71.3

Properties

Warm Light Nearest: RAL 1034 Pastel Yellow

Color Harmonies

Complementary

#DF9B3D

#3D81DF

Analogous

#DF4A3D

#D2DF3D

#DF9B3D

Triadic

#DF9B3D

#3DDF9B

#9B3DDF

Split Complementary

#DF9B3D

#3DD2DF

#4A3DDF

Tetradic

#DF9B3D

#3DDF4A

#3D81DF

#DF3DD2

Color Blindness Simulation

Original

#DF9B3D

Protanopia

#C2C154

Deuteranopia

#C6CB59

Tritanopia

#DC666A

Achromatopsia

#A3A3A3

CSS Usage

background-color: #DF9B3D;
color: #DF9B3D;
border-color: #DF9B3D;
Nearest Tailwind: Yellow 600 #CA8A04

Tailwind Shades

50
#FCF8F3
100
#F8EFE2
200
#F5DFC2
300
#EEC996
400
#E4AB5D
500
#DB8E24
600
#AF721D
700
#8C5B17
800
#6D4712
900
#503511
950
#32220B

Contrast Checker

Text on white

2.36:1

AA Fail AAA Fail

Text on black

8.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026