#CFD4AF

#CFD4AF

Color Values

HEX

#CFD4AF

RGB

207, 212, 175

HSL

68,1, 30,1%, 75,9%

HSV

68,1, 17,5%, 83,1%

CMYK

2,4%, 0,0%, 17,5%, 16,9%

OKLCH

0,8564 0,0498 113,7

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#CFD4AF

#B4AFD4

Analogous

#D4C7AF

#BDD4AF

#CFD4AF

Triadic

#CFD4AF

#AFCFD4

#D4AFCF

Split Complementary

#CFD4AF

#AFBDD4

#C7AFD4

Tetradic

#CFD4AF

#AFD4C7

#B4AFD4

#D4AFBD

Color Blindness Simulation

Original

#CFD4AF

Protanopia

#D1D1B8

Deuteranopia

#D1D0BA

Tritanopia

#CFBFC1

Achromatopsia

#D0D0D0

CSS Usage

background-color: #CFD4AF;
color: #CFD4AF;
border-color: #CFD4AF;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#F9F9F5
100
#F0F2E9
200
#E3E6D1
300
#CFD4AF
400
#B5BD84
500
#9CA659
600
#7C8547
700
#646A39
800
#4E532D
900
#3A3E23
950
#252716

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,69: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