#D38F22

#D38F22

Color Values

HEX

#D38F22

RGB

211, 143, 34

HSL

36.9, 72.2%, 48.0%

HSV

36.9, 83.9%, 82.7%

CMYK

0.0%, 32.2%, 83.9%, 17.3%

OKLCH

0.7017 0.1399 72.8

Properties

Warm Light Nearest: orange 3

Color Harmonies

Complementary

#D38F22

#2266D3

Analogous

#D33622

#BED322

#D38F22

Triadic

#D38F22

#22D38F

#8F22D3

Split Complementary

#D38F22

#22BED3

#3622D3

Tetradic

#D38F22

#22D336

#2266D3

#D322BE

Color Blindness Simulation

Original

#D38F22

Protanopia

#B6B53C

Deuteranopia

#BABF43

Tritanopia

#D05156

Achromatopsia

#969696

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8F0E2
200
#F5E1C2
300
#EECC96
400
#E5B05D
500
#DC9523
600
#B0771C
700
#8D5F17
800
#6E4A12
900
#503811
950
#32230B

Contrast Checker

Text on white

2.72:1

AA Fail AAA Fail

Text on black

7.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026