#CFD558

#CFD558

Color Values

HEX

#CFD558

RGB

207, 213, 88

HSL

62,9, 59,8%, 59,0%

HSV

62,9, 58,7%, 83,5%

CMYK

2,8%, 0,0%, 58,7%, 16,5%

OKLCH

0,8444 0,1474 111,7

Properties

Cool Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#CFD558

#5E58D5

Analogous

#D59C58

#90D558

#CFD558

Triadic

#CFD558

#58CFD5

#D558CF

Split Complementary

#CFD558

#5890D5

#9C58D5

Tetradic

#CFD558

#58D59C

#5E58D5

#D55890

Color Blindness Simulation

Original

#CFD558

Protanopia

#D2D276

Deuteranopia

#D1D17E

Tritanopia

#CF8E93

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#FBFBF3
100
#F5F6E4
200
#EFF1C6
300
#E3E69D
400
#D4D968
500
#C4CC33
600
#9DA329
700
#7E8221
800
#62661A
900
#484B16
950
#2D2F0E

Contrast Checker

Text on white

1,58:1

AA Fail AAA Fail

Text on black

13,31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

يناير 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

يناير 21, 2026
Tutorials

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

يناير 18, 2026