#CFDC23

#CFDC23

Color Values

HEX

#CFDC23

RGB

207, 220, 35

HSL

64,2, 72,5%, 50,0%

HSV

64,2, 84,1%, 86,3%

CMYK

5,9%, 0,0%, 84,1%, 13,7%

OKLCH

0,8561 0,1854 114,1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFDC23

#3023DC

Analogous

#DC8C23

#73DC23

#CFDC23

Triadic

#CFDC23

#23CFDC

#DC23CF

Split Complementary

#CFDC23

#2373DC

#8C23DC

Tetradic

#CFDC23

#23DC8C

#3023DC

#DC2373

Color Blindness Simulation

Original

#CFDC23

Protanopia

#D5D550

Deuteranopia

#D4D35A

Tritanopia

#D0737B

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F7F8E2
200
#F2F5C1
300
#E8EE95
400
#DBE55C
500
#CFDC23
600
#A6B01C
700
#848D16
800
#676E12
900
#4C5011
950
#30330B

Contrast Checker

Text on white

1,51:1

AA Fail AAA Fail

Text on black

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