#CFF3B6

#CFF3B6

Color Values

HEX

#CFF3B6

RGB

207, 243, 182

HSL

95.4, 71.8%, 83.3%

HSV

95.4, 25.1%, 95.3%

CMYK

14.8%, 0.0%, 25.1%, 4.7%

OKLCH

0.9232 0.0888 132.8

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CFF3B6

#DAB6F3

Analogous

#EDF3B6

#B6F3BB

#CFF3B6

Triadic

#CFF3B6

#B6CFF3

#F3B6CF

Split Complementary

#CFF3B6

#BBB6F3

#F3B6ED

Tetradic

#CFF3B6

#B6EDF3

#DAB6F3

#F3BBB6

Color Blindness Simulation

Original

#CFF3B6

Protanopia

#DFDFC5

Deuteranopia

#DCDAC8

Tritanopia

#D1D0D3

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C2
300
#BAEE96
400
#94E45D
500
#6FDB24
600
#59AF1D
700
#478C17
800
#386E12
900
#2B5011
950
#1B320B

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

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026