#BDF96C

#BDF96C

Color Values

HEX

#BDF96C

RGB

189, 249, 108

HSL

85.5, 92.2%, 70.0%

HSV

85.5, 56.6%, 97.6%

CMYK

24.1%, 0.0%, 56.6%, 2.4%

OKLCH

0.9131 0.1814 128.8

Properties

Cool Light Nearest: darkolivegreen 1

Color Harmonies

Complementary

#BDF96C

#A86CF9

Analogous

#F9EE6C

#77F96C

#BDF96C

Triadic

#BDF96C

#6CBDF9

#F96CBD

Split Complementary

#BDF96C

#6C77F9

#EE6CF9

Tetradic

#BDF96C

#6CF9EE

#A86CF9

#F96C77

Color Blindness Simulation

Original

#BDF96C

Protanopia

#D7D88E

Deuteranopia

#D4CF96

Tritanopia

#C0A9AF

Achromatopsia

#E2E2E2

CSS Usage

background-color: #BDF96C;
color: #BDF96C;
border-color: #BDF96C;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#E0FCBA
300
#CAFA89
400
#AEF84A
500
#91F50A
600
#74C408
700
#5D9D06
800
#497B05
900
#365908
950
#223805

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.93:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026