#CDA286

#CDA286

Color Values

HEX

#CDA286

RGB

205, 162, 134

HSL

23.7, 41.5%, 66.5%

HSV

23.7, 34.6%, 80.4%

CMYK

0.0%, 21.0%, 34.6%, 19.6%

OKLCH

0.7446 0.0642 54.6

Properties

Warm Light Nearest: Tumbleweed

Color Harmonies

Complementary

#CDA286

#86B1CD

Analogous

#CD868E

#CDC686

#CDA286

Triadic

#CDA286

#86CDA2

#A286CD

Split Complementary

#CDA286

#86CDC6

#868ECD

Tetradic

#CDA286

#8ECD86

#86B1CD

#C686CD

Color Blindness Simulation

Original

#CDA286

Protanopia

#BABA8D

Deuteranopia

#BDC08E

Tritanopia

#CB9293

Achromatopsia

#A9A9A9

CSS Usage

background-color: #CDA286;
color: #CDA286;
border-color: #CDA286;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF7F5
100
#F3ECE7
200
#EAD8CC
300
#DBBCA8
400
#C89879
500
#B4744B
600
#905D3C
700
#734A30
800
#5A3A25
900
#432D1E
950
#2A1C13

Contrast Checker

Text on white

2.31:1

AA Fail AAA Fail

Text on black

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