#CFD783

#CFD783

Color Values

HEX

#CFD783

RGB

207, 215, 131

HSL

65,7, 51,2%, 67,8%

HSV

65,7, 39,1%, 84,3%

CMYK

3,7%, 0,0%, 39,1%, 15,7%

OKLCH

0,8542 0,1075 113,1

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CFD783

#8B83D7

Analogous

#D7B583

#A5D783

#CFD783

Triadic

#CFD783

#83CFD7

#D783CF

Split Complementary

#CFD783

#83A5D7

#B583D7

Tetradic

#CFD783

#83D7B5

#8B83D7

#D783A5

Color Blindness Simulation

Original

#CFD783

Protanopia

#D2D397

Deuteranopia

#D2D19C

Tritanopia

#CFA7AB

Achromatopsia

#CFCFCF

CSS Usage

background-color: #CFD783;
color: #CFD783;
border-color: #CFD783;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#FAFBF4
100
#F3F5E5
200
#EAEEC9
300
#DBE1A2
400
#C8D170
500
#B4C13E
600
#909A32
700
#737B28
800
#5A601F
900
#43471A
950
#2A2D10

Contrast Checker

Text on white

1,53:1

AA Fail AAA Fail

Text on black

13,7:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026