#CFD534

#CFD534

Color Values

HEX

#CFD534

RGB

207, 213, 52

HSL

62,2, 65,7%, 52,0%

HSV

62,2, 75,6%, 83,5%

CMYK

2,8%, 0,0%, 75,6%, 16,5%

OKLCH

0,8416 0,1715 111,8

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFD534

#3A34D5

Analogous

#D58A34

#7FD534

#CFD534

Triadic

#CFD534

#34CFD5

#D534CF

Split Complementary

#CFD534

#347FD5

#8A34D5

Tetradic

#CFD534

#34D58A

#3A34D5

#D5347F

Color Blindness Simulation

Original

#CFD534

Protanopia

#D2D25B

Deuteranopia

#D1D164

Tritanopia

#CF7A80

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#FBFCF3
100
#F6F7E3
200
#F1F3C4
300
#E7EA9A
400
#DADF63
500
#CDD32C
600
#A4A923
700
#83871C
800
#676A16
900
#4B4D14
950
#2F310D

Contrast Checker

Text on white

1,59:1

AA Fail AAA Fail

Text on black

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