#CACB72

#CACB72

Color Values

HEX

#CACB72

RGB

202, 203, 114

HSL

60.7, 46.1%, 62.2%

HSV

60.7, 43.8%, 79.6%

CMYK

0.5%, 0.0%, 43.8%, 20.4%

OKLCH

0.8221 0.1122 109.2

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CACB72

#7372CB

Analogous

#CBA072

#9ECB72

#CACB72

Triadic

#CACB72

#72CACB

#CB72CA

Split Complementary

#CACB72

#729ECB

#A072CB

Tetradic

#CACB72

#72CBA0

#7372CB

#CB729E

Color Blindness Simulation

Original

#CACB72

Protanopia

#CACA88

Deuteranopia

#CACA8D

Tritanopia

#CA999C

Achromatopsia

#C4C4C4

CSS Usage

background-color: #CACB72;
color: #CACB72;
border-color: #CACB72;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FAFAF4
100
#F4F4E6
200
#EBECCB
300
#DDDEA6
400
#CBCC75
500
#B9BA45
600
#949537
700
#76772C
800
#5C5D22
900
#44451C
950
#2B2B12

Contrast Checker

Text on white

1.71:1

AA Fail AAA Fail

Text on black

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