#BDD696

#BDD696

Color Values

HEX

#BDD696

RGB

189, 214, 150

HSL

83.4, 43.8%, 71.4%

HSV

83.4, 29.9%, 83.9%

CMYK

11.7%, 0.0%, 29.9%, 16.1%

OKLCH

0.8418 0.0892 125.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BDD696

#AF96D6

Analogous

#D6CF96

#9DD696

#BDD696

Triadic

#BDD696

#96BDD6

#D696BD

Split Complementary

#BDD696

#969DD6

#CF96D6

Tetradic

#BDD696

#96D6CF

#AF96D6

#D6969D

Color Blindness Simulation

Original

#BDD696

Protanopia

#C8C8A5

Deuteranopia

#C6C4A9

Tritanopia

#BEB2B4

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEBCC
300
#C8DDA7
400
#AACA77
500
#8CB748
600
#709339
700
#59752E
800
#465C24
900
#35441D
950
#212B13

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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