#CAA274

#CAA274

Color Values

HEX

#CAA274

RGB

202, 162, 116

HSL

32.1, 44.8%, 62.4%

HSV

32.1, 42.6%, 79.2%

CMYK

0.0%, 19.8%, 42.6%, 20.8%

OKLCH

0.738 0.0775 70.1

Properties

Warm Light Nearest: burlywood 3

Color Harmonies

Complementary

#CAA274

#749CCA

Analogous

#CA7774

#C7CA74

#CAA274

Triadic

#CAA274

#74CAA2

#A274CA

Split Complementary

#CAA274

#74C7CA

#7774CA

Tetradic

#CAA274

#74CA77

#749CCA

#CA74C7

Color Blindness Simulation

Original

#CAA274

Protanopia

#B9B87F

Deuteranopia

#BBBE82

Tritanopia

#C8888A

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FAF8F4
100
#F4EEE6
200
#EBDCCB
300
#DDC4A6
400
#CBA476
500
#B98346
600
#946938
700
#76542D
800
#5C4223
900
#44321D
950
#2B1F12

Contrast Checker

Text on white

2.35:1

AA Fail AAA Fail

Text on black

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