#CFF4A7

#CFF4A7

Color Values

HEX

#CFF4A7

RGB

207, 244, 167

HSL

88.8, 77.8%, 80.6%

HSV

88.8, 31.6%, 95.7%

CMYK

15.2%, 0.0%, 31.6%, 4.3%

OKLCH

0.9224 0.1073 129.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#CFF4A7

#CCA7F4

Analogous

#F4F2A7

#A9F4A7

#CFF4A7

Triadic

#CFF4A7

#A7CFF4

#F4A7CF

Split Complementary

#CFF4A7

#A7A9F4

#F2A7F4

Tetradic

#CFF4A7

#A7F4F2

#CCA7F4

#F4A7A9

Color Blindness Simulation

Original

#CFF4A7

Protanopia

#DFDFBA

Deuteranopia

#DDDABE

Tritanopia

#D1C8CC

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DCF7C0
300
#C4F192
400
#A4EA57
500
#83E31C
600
#69B517
700
#549112
800
#42710E
900
#32520F
950
#1F3409

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.15: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