#CFE7BF

#CFE7BF

Color Values

HEX

#CFE7BF

RGB

207, 231, 191

HSL

96.0, 45.5%, 82.7%

HSV

96.0, 17.3%, 90.6%

CMYK

10.4%, 0.0%, 17.3%, 9.4%

OKLCH

0.8998 0.0592 132.9

Properties

Cool Light Nearest: Spring Green

Color Harmonies

Complementary

#CFE7BF

#D7BFE7

Analogous

#E3E7BF

#BFE7C3

#CFE7BF

Triadic

#CFE7BF

#BFCFE7

#E7BFCF

Split Complementary

#CFE7BF

#C3BFE7

#E7BFE3

Tetradic

#CFE7BF

#BFE3E7

#D7BFE7

#E7C3BF

Color Blindness Simulation

Original

#CFE7BF

Protanopia

#D9DAC9

Deuteranopia

#D8D6CB

Tritanopia

#D0D0D2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D8ECCB
300
#BCDEA6
400
#98CC76
500
#74BA45
600
#5D9438
700
#4A772C
800
#3A5D23
900
#2C441D
950
#1C2B12

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.84:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026