#BBCAA6

#BBCAA6

Color Values

HEX

#BBCAA6

RGB

187, 202, 166

HSL

85.0, 25.4%, 72.2%

HSV

85.0, 17.8%, 79.2%

CMYK

7.4%, 0.0%, 17.8%, 20.8%

OKLCH

0.8179 0.0517 125.9

Properties

Cool Light Nearest: lightyellow 3

Color Harmonies

Complementary

#BBCAA6

#B5A6CA

Analogous

#CAC7A6

#A9CAA6

#BBCAA6

Triadic

#BBCAA6

#A6BBCA

#CAA6BB

Split Complementary

#BBCAA6

#A6A9CA

#C7A6CA

Tetradic

#BBCAA6

#A6CAC7

#B5A6CA

#CAA6A9

Color Blindness Simulation

Original

#BBCAA6

Protanopia

#C1C2AF

Deuteranopia

#C1C0B1

Tritanopia

#BCB6B7

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE4D2
300
#C4D1B2
400
#A5B989
500
#85A05F
600
#6A804C
700
#55663D
800
#425030
900
#323C25
950
#202618

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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