#CFD566

#CFD566

Color Values

HEX

#CFD566

RGB

207, 213, 102

HSL

63.2, 56.9%, 61.8%

HSV

63.2, 52.1%, 83.5%

CMYK

2.8%, 0.0%, 52.1%, 16.5%

OKLCH

0.8459 0.135 111.7

Properties

Cool Light Nearest: khaki 2

Color Harmonies

Complementary

#CFD566

#6C66D5

Analogous

#D5A466

#98D566

#CFD566

Triadic

#CFD566

#66CFD5

#D566CF

Split Complementary

#CFD566

#6698D5

#A466D5

Tetradic

#CFD566

#66D5A4

#6C66D5

#D56698

Color Blindness Simulation

Original

#CFD566

Protanopia

#D2D281

Deuteranopia

#D1D187

Tritanopia

#CF969B

Achromatopsia

#CCCCCC

CSS Usage

background-color: #CFD566;
color: #CFD566;
border-color: #CFD566;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FBFBF4
100
#F5F6E5
200
#EDF0C7
300
#E1E59F
400
#D1D66B
500
#C0C837
600
#9AA02C
700
#7B8023
800
#60641B
900
#474918
950
#2D2E0F

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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