#BBE697

#BBE697

Color Values

HEX

#BBE697

RGB

187, 230, 151

HSL

92,7, 61,2%, 74,7%

HSV

92,7, 34,3%, 90,2%

CMYK

18,7%, 0,0%, 34,3%, 9,8%

OKLCH

0,8756 0,1133 131,6

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#BBE697

#C297E6

Analogous

#E2E697

#97E69B

#BBE697

Triadic

#BBE697

#97BBE6

#E697BB

Split Complementary

#BBE697

#9B97E6

#E697E2

Tetradic

#BBE697

#97E2E6

#C297E6

#E69B97

Color Blindness Simulation

Original

#BBE697

Protanopia

#CECEAA

Deuteranopia

#CBC8AF

Tritanopia

#BDB9BD

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BBE697;
color: #BBE697;
border-color: #BBE697;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FBF3
100
#ECF6E4
200
#D9F1C5
300
#BEE79C
400
#9BDA67
500
#78CE31
600
#60A428
700
#4D8420
800
#3C6719
900
#2E4B16
950
#1D2F0E

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,88:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026