#CFC46C

#CFC46C

Color Values

HEX

#CFC46C

RGB

207, 196, 108

HSL

53.3, 50.8%, 61.8%

HSV

53.3, 47.8%, 81.2%

CMYK

0.0%, 5.3%, 47.8%, 18.8%

OKLCH

0.8107 0.1106 102.2

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CFC46C

#6C77CF

Analogous

#CF936C

#A9CF6C

#CFC46C

Triadic

#CFC46C

#6CCFC4

#C46CCF

Split Complementary

#CFC46C

#6CA9CF

#936CCF

Tetradic

#CFC46C

#6CCF93

#6C77CF

#CF6CA9

Color Blindness Simulation

Original

#CFC46C

Protanopia

#CACA81

Deuteranopia

#CBCC86

Tritanopia

#CE9296

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E5
200
#EDE9C9
300
#E1DAA3
400
#D1C671
500
#C0B23F
600
#9A8E32
700
#7B7228
800
#60591F
900
#47421A
950
#2D2911

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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