#CFD013

#CFD013

Color Values

HEX

#CFD013

RGB

207, 208, 19

HSL

60.3, 83.3%, 44.5%

HSV

60.3, 90.9%, 81.6%

CMYK

0.5%, 0.0%, 90.9%, 18.4%

OKLCH

0.8296 0.1783 110.1

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#CFD013

#1413D0

Analogous

#D07213

#71D013

#CFD013

Triadic

#CFD013

#13CFD0

#D013CF

Split Complementary

#CFD013

#1371D0

#7213D0

Tetradic

#CFD013

#13D072

#1413D0

#D01371

Color Blindness Simulation

Original

#CFD013

Protanopia

#CFCF41

Deuteranopia

#CFCF4C

Tritanopia

#CF656D

Achromatopsia

#C2C2C2

CSS Usage

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

Tailwind Shades

50
#FDFDF2
100
#FAFAE1
200
#F9F9BE
300
#F4F58F
400
#EEEF52
500
#E9EA15
600
#BABB11
700
#95960E
800
#74750B
900
#54550C
950
#353608

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.68:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026