#CFFBE6

#CFFBE6

Color Values

HEX

#CFFBE6

RGB

207, 251, 230

HSL

151.4, 84.6%, 89.8%

HSV

151.4, 17.5%, 98.4%

CMYK

17.5%, 0.0%, 8.4%, 1.6%

OKLCH

0.9515 0.0532 164.7

Properties

Cool Light Nearest: honeydew

Color Harmonies

Complementary

#CFFBE6

#FBCFE4

Analogous

#CFFBD0

#CFFAFB

#CFFBE6

Triadic

#CFFBE6

#E6CFFB

#FBE6CF

Split Complementary

#CFFBE6

#FBCFFA

#FBD0CF

Tetradic

#CFFBE6

#D0CFFB

#FBCFE4

#FAFBCF

Color Blindness Simulation

Original

#CFFBE6

Protanopia

#E2E2EB

Deuteranopia

#E0DCEC

Tritanopia

#D1EFF0

Achromatopsia

#F0F0F0

CSS Usage

background-color: #CFFBE6;
color: #CFFBE6;
border-color: #CFFBE6;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FDF8
100
#E0FAEE
200
#BDFADD
300
#8EF6C4
400
#51F0A4
500
#14EB85
600
#10BC6A
700
#0D9755
800
#0A7642
900
#0C5532
950
#073620

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

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