#CFF5B4

#CFF5B4

Color Values

HEX

#CFF5B4

RGB

207, 245, 180

HSL

95.1, 76.5%, 83.3%

HSV

95.1, 26.5%, 96.1%

CMYK

15.5%, 0.0%, 26.5%, 3.9%

OKLCH

0.9271 0.0942 132.7

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#CFF5B4

#DAB4F5

Analogous

#EFF5B4

#B4F5B9

#CFF5B4

Triadic

#CFF5B4

#B4CFF5

#F5B4CF

Split Complementary

#CFF5B4

#B9B4F5

#F5B4EF

Tetradic

#CFF5B4

#B4EFF5

#DAB4F5

#F5B9B4

Color Blindness Simulation

Original

#CFF5B4

Protanopia

#DFE0C4

Deuteranopia

#DDDAC8

Tritanopia

#D1D0D3

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F7FCF2
100
#EBF9E2
200
#D7F7C0
300
#BAF193
400
#94E958
500
#6FE11E
600
#59B418
700
#479013
800
#37710F
900
#2B520F
950
#1B340A

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

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