#CFC46E

#CFC46E

Color Values

HEX

#CFC46E

RGB

207, 196, 110

HSL

53.2, 50.3%, 62.2%

HSV

53.2, 46.9%, 81.2%

CMYK

0.0%, 5.3%, 46.9%, 18.8%

OKLCH

0.811 0.1085 102.0

Properties

Warm Light Nearest: khaki 3

Color Harmonies

Complementary

#CFC46E

#6E79CF

Analogous

#CF946E

#AACF6E

#CFC46E

Triadic

#CFC46E

#6ECFC4

#C46ECF

Split Complementary

#CFC46E

#6EAACF

#946ECF

Tetradic

#CFC46E

#6ECF94

#6E79CF

#CF6EAA

Color Blindness Simulation

Original

#CFC46E

Protanopia

#CACA83

Deuteranopia

#CBCC88

Tritanopia

#CE9397

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FBFAF4
100
#F5F3E6
200
#EDE9C9
300
#E1DAA3
400
#D0C571
500
#C0B13F
600
#998E33
700
#7B7129
800
#605920
900
#46411B
950
#2C2911

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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026