#CFF2B4

#CFF2B4

Color Values

HEX

#CFF2B4

RGB

207, 242, 180

HSL

93.9, 70.5%, 82.7%

HSV

93.9, 25.6%, 94.9%

CMYK

14.5%, 0.0%, 25.6%, 5.1%

OKLCH

0.9207 0.0895 131.9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CFF2B4

#D7B4F2

Analogous

#EEF2B4

#B4F2B8

#CFF2B4

Triadic

#CFF2B4

#B4CFF2

#F2B4CF

Split Complementary

#CFF2B4

#B8B4F2

#F2B4EE

Tetradic

#CFF2B4

#B4EEF2

#D7B4F2

#F2B8B4

Color Blindness Simulation

Original

#CFF2B4

Protanopia

#DEDEC3

Deuteranopia

#DCD9C7

Tritanopia

#D1CFD1

Achromatopsia

#E6E6E6

CSS Usage

background-color: #CFF2B4;
color: #CFF2B4;
border-color: #CFF2B4;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D8F4C2
300
#BCED97
400
#98E35E
500
#74D926
600
#5DAE1E
700
#4A8B18
800
#3A6D13
900
#2C4F12
950
#1C320B

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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