#BBCFA4

#BBCFA4

Color Values

HEX

#BBCFA4

RGB

187, 207, 164

HSL

87.9, 30.9%, 72.7%

HSV

87.9, 20.8%, 81.2%

CMYK

9.7%, 0.0%, 20.8%, 18.8%

OKLCH

0.8282 0.0622 128.0

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#BBCFA4

#B8A4CF

Analogous

#CFCDA4

#A5CFA4

#BBCFA4

Triadic

#BBCFA4

#A4BBCF

#CFA4BB

Split Complementary

#BBCFA4

#A4A5CF

#CDA4CF

Tetradic

#BBCFA4

#A4CFCD

#B8A4CF

#CFA4A5

Color Blindness Simulation

Original

#BBCFA4

Protanopia

#C4C4AE

Deuteranopia

#C2C1B1

Tritanopia

#BCB7B8

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F9F5
100
#EDF2E8
200
#DCE6D0
300
#C3D5AF
400
#A3BE83
500
#82A758
600
#688646
700
#536B38
800
#41532C
900
#313E23
950
#1F2716

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.57:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026