#CFDC2D

#CFDC2D

Color Values

HEX

#CFDC2D

RGB

207, 220, 45

HSL

64.5, 71.4%, 52.0%

HSV

64.5, 79.5%, 86.3%

CMYK

5.9%, 0.0%, 79.5%, 13.7%

OKLCH

0.8565 0.1817 114.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFDC2D

#3A2DDC

Analogous

#DC922D

#77DC2D

#CFDC2D

Triadic

#CFDC2D

#2DCFDC

#DC2DCF

Split Complementary

#CFDC2D

#2D77DC

#922DDC

Tetradic

#CFDC2D

#2DDC92

#3A2DDC

#DC2D77

Color Blindness Simulation

Original

#CFDC2D

Protanopia

#D5D557

Deuteranopia

#D4D362

Tritanopia

#D07980

Achromatopsia

#CDCDCD

CSS Usage

background-color: #CFDC2D;
color: #CFDC2D;
border-color: #CFDC2D;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FBFCF3
100
#F6F8E2
200
#F1F5C2
300
#E7ED96
400
#DAE45D
500
#CDDB24
600
#A4AF1D
700
#838C17
800
#666D12
900
#4B5011
950
#2F320B

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026