#CFCCAC

#CFCCAC

Color Values

HEX

#CFCCAC

RGB

207, 204, 172

HSL

54.9, 26.7%, 74.3%

HSV

54.9, 16.9%, 81.2%

CMYK

0.0%, 1.4%, 16.9%, 18.8%

OKLCH

0.8392 0.0432 102.9

Properties

Warm Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFCCAC

#ACAFCF

Analogous

#CFBAAC

#C0CFAC

#CFCCAC

Triadic

#CFCCAC

#ACCFCC

#CCACCF

Split Complementary

#CFCCAC

#ACC0CF

#BAACCF

Tetradic

#CFCCAC

#ACCFBA

#ACAFCF

#CFACC0

Color Blindness Simulation

Original

#CFCCAC

Protanopia

#CECEB4

Deuteranopia

#CECEB6

Tritanopia

#CFBABB

Achromatopsia

#CACACA

CSS Usage

background-color: #CFCCAC;
color: #CFCCAC;
border-color: #CFCCAC;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#F9F9F6
100
#F1F1E9
200
#E5E3D2
300
#D2CFB1
400
#BAB687
500
#A29C5D
600
#817D4B
700
#67643C
800
#514E2F
900
#3C3A25
950
#262517

Contrast Checker

Text on white

1.63:1

AA Fail AAA Fail

Text on black

12.89:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026