#CFC472

#CFC472

Color Values

HEX

#CFC472

RGB

207, 196, 114

HSL

52.9, 49.2%, 62.9%

HSV

52.9, 44.9%, 81.2%

CMYK

0.0%, 5.3%, 44.9%, 18.8%

OKLCH

0.8115 0.1043 101.7

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CFC472

#727DCF

Analogous

#CF9572

#ABCF72

#CFC472

Triadic

#CFC472

#72CFC4

#C472CF

Split Complementary

#CFC472

#72ABCF

#9572CF

Tetradic

#CFC472

#72CF95

#727DCF

#CF72AB

Color Blindness Simulation

Original

#CFC472

Protanopia

#CACA86

Deuteranopia

#CBCC8B

Tritanopia

#CE9699

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDE9CA
300
#E0D9A4
400
#CFC472
500
#BEAF41
600
#988C34
700
#7A7029
800
#5F5820
900
#46411B
950
#2C2911

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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