#CFC286

#CFC286

Color Values

HEX

#CFC286

RGB

207, 194, 134

HSL

49.3, 43.2%, 66.9%

HSV

49.3, 35.3%, 81.2%

CMYK

0.0%, 6.3%, 35.3%, 18.8%

OKLCH

0.8107 0.0797 97.4

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CFC286

#8693CF

Analogous

#CF9E86

#B8CF86

#CFC286

Triadic

#CFC286

#86CFC2

#C286CF

Split Complementary

#CFC286

#86B8CF

#9E86CF

Tetradic

#CFC286

#86CF9E

#8693CF

#CF86B8

Color Blindness Simulation

Original

#CFC286

Protanopia

#C9C995

Deuteranopia

#CACB98

Tritanopia

#CEA0A2

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EBE5CC
300
#DCD3A7
400
#C9BB78
500
#B7A348
600
#92823A
700
#75682E
800
#5B5124
900
#433D1E
950
#2A2613

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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