#CFD8A3

#CFD8A3

Color Values

HEX

#CFD8A3

RGB

207, 216, 163

HSL

70.2, 40.5%, 74.3%

HSV

70.2, 24.5%, 84.7%

CMYK

4.2%, 0.0%, 24.5%, 15.3%

OKLCH

0.8621 0.0708 115.7

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CFD8A3

#ACA3D8

Analogous

#D8C6A3

#B4D8A3

#CFD8A3

Triadic

#CFD8A3

#A3CFD8

#D8A3CF

Split Complementary

#CFD8A3

#A3B4D8

#C6A3D8

Tetradic

#CFD8A3

#A3D8C6

#ACA3D8

#D8A3B4

Color Blindness Simulation

Original

#CFD8A3

Protanopia

#D3D3B0

Deuteranopia

#D2D2B3

Tritanopia

#CFBABC

Achromatopsia

#D2D2D2

CSS Usage

background-color: #CFD8A3;
color: #CFD8A3;
border-color: #CFD8A3;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F9FAF5
100
#F1F3E7
200
#E5EACD
300
#D2DBA9
400
#BAC77A
500
#A2B34C
600
#818F3D
700
#677331
800
#515A26
900
#3C421F
950
#262A13

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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