#CFCC87

#CFCC87

Color Values

HEX

#CFCC87

RGB

207, 204, 135

HSL

57.5, 42.9%, 67.1%

HSV

57.5, 34.8%, 81.2%

CMYK

0.0%, 1.4%, 34.8%, 18.8%

OKLCH

0.8317 0.0894 106.1

Properties

Warm Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#CFCC87

#878ACF

Analogous

#CFA887

#AECF87

#CFCC87

Triadic

#CFCC87

#87CFCC

#CC87CF

Split Complementary

#CFCC87

#87AECF

#A887CF

Tetradic

#CFCC87

#87CFA8

#878ACF

#CF87AE

Color Blindness Simulation

Original

#CFCC87

Protanopia

#CECE98

Deuteranopia

#CECE9C

Tritanopia

#CFA5A8

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FAFAF5
100
#F4F3E7
200
#EBE9CC
300
#DCDAA8
400
#C9C678
500
#B6B249
600
#928E3A
700
#75722F
800
#5B5924
900
#43421E
950
#2A2913

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

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