#D98D69

#D98D69

Color Values

HEX

#D98D69

RGB

217, 141, 105

HSL

19.3, 59.6%, 63.1%

HSV

19.3, 51.6%, 85.1%

CMYK

0.0%, 35.0%, 51.6%, 14.9%

OKLCH

0.7129 0.1055 45.9

Properties

Warm Light Nearest: Copper

Color Harmonies

Complementary

#D98D69

#69B5D9

Analogous

#D9697D

#D9C569

#D98D69

Triadic

#D98D69

#69D98D

#8D69D9

Split Complementary

#D98D69

#69D9C5

#697DD9

Tetradic

#D98D69

#7DD969

#69B5D9

#C569D9

Color Blindness Simulation

Original

#D98D69

Protanopia

#B8B772

Deuteranopia

#BCC274

Tritanopia

#D5797A

Achromatopsia

#9B9B9B

CSS Usage

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

Tailwind Shades

50
#FBF6F3
100
#F6EAE4
200
#F1D4C6
300
#E6B59D
400
#D98D68
500
#CB6434
600
#A35029
700
#824021
800
#66321A
900
#4A2716
950
#2F190E

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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