#BDF897

#BDF897

Color Values

HEX

#BDF897

RGB

189, 248, 151

HSL

96.5, 87.4%, 78.2%

HSV

96.5, 39.1%, 97.3%

CMYK

23.8%, 0.0%, 39.1%, 2.7%

OKLCH

0.9167 0.1392 134.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDF897

#D297F8

Analogous

#EDF897

#97F8A1

#BDF897

Triadic

#BDF897

#97BDF8

#F897BD

Split Complementary

#BDF897

#A197F8

#F897ED

Tetradic

#BDF897

#97EDF8

#D297F8

#F8A197

Color Blindness Simulation

Original

#BDF897

Protanopia

#D7D7AE

Deuteranopia

#D3CFB4

Tritanopia

#C0C1C5

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FDF2
100
#EAFAE0
200
#D5FBBC
300
#B6F78C
400
#8FF34E
500
#67EF10
600
#53BF0D
700
#42990A
800
#347708
900
#28570A
950
#193707

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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