#CFD47A

#CFD47A

Color Values

HEX

#CFD47A

RGB

207, 212, 122

HSL

63,3, 51,1%, 65,5%

HSV

63,3, 42,5%, 83,1%

CMYK

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

OKLCH

0,8464 0,1136 111,4

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CFD47A

#7F7AD4

Analogous

#D4AC7A

#A2D47A

#CFD47A

Triadic

#CFD47A

#7ACFD4

#D47ACF

Split Complementary

#CFD47A

#7AA2D4

#AC7AD4

Tetradic

#CFD47A

#7AD4AC

#7F7AD4

#D47AA2

Color Blindness Simulation

Original

#CFD47A

Protanopia

#D1D190

Deuteranopia

#D1D095

Tritanopia

#CFA1A5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F5E5
200
#ECEEC9
300
#DEE1A3
400
#CCD170
500
#B9C13E
600
#949A32
700
#777B28
800
#5D601F
900
#44471A
950
#2B2D11

Contrast Checker

Text on white

1,57:1

AA Fail AAA Fail

Text on black

13,35:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026