#CFD68C

#CFD68C

Color Values

HEX

#CFD68C

RGB

207, 214, 140

HSL

65,7, 47,4%, 69,4%

HSV

65,7, 34,6%, 83,9%

CMYK

3,3%, 0,0%, 34,6%, 16,1%

OKLCH

0,8536 0,0959 112,8

Properties

Cool Light Nearest: khaki 3

Color Harmonies

Complementary

#CFD68C

#938CD6

Analogous

#D6B88C

#AAD68C

#CFD68C

Triadic

#CFD68C

#8CCFD6

#D68CCF

Split Complementary

#CFD68C

#8CAAD6

#B88CD6

Tetradic

#CFD68C

#8CD6B8

#938CD6

#D68CAA

Color Blindness Simulation

Original

#CFD68C

Protanopia

#D2D29E

Deuteranopia

#D2D1A2

Tritanopia

#CFACAF

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FAFAF4
100
#F3F4E6
200
#E9ECCA
300
#D9DFA5
400
#C5CD74
500
#B0BC43
600
#8D9636
700
#71782B
800
#585E22
900
#41451C
950
#292C12

Contrast Checker

Text on white

1,54:1

AA Fail AAA Fail

Text on black

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