#BBD698

#BBD698

Color Values

HEX

#BBD698

RGB

187, 214, 152

HSL

86.1, 43.1%, 71.8%

HSV

86.1, 29.0%, 83.9%

CMYK

12.6%, 0.0%, 29.0%, 16.1%

OKLCH

0.8408 0.0877 127.3

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BBD698

#B398D6

Analogous

#D6D298

#9CD698

#BBD698

Triadic

#BBD698

#98BBD6

#D698BB

Split Complementary

#BBD698

#989CD6

#D298D6

Tetradic

#BBD698

#98D6D2

#B398D6

#D6989C

Color Blindness Simulation

Original

#BBD698

Protanopia

#C7C7A7

Deuteranopia

#C5C3AB

Tritanopia

#BCB3B5

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF4E7
200
#DDEBCC
300
#C5DCA7
400
#A6C978
500
#87B649
600
#6C923A
700
#56752E
800
#435B24
900
#33431E
950
#202A13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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