#BDF6BE

#BDF6BE

Color Values

HEX

#BDF6BE

RGB

189, 246, 190

HSL

121.1, 76.0%, 85.3%

HSV

121.1, 23.2%, 96.5%

CMYK

23.2%, 0.0%, 22.8%, 3.5%

OKLCH

0.9198 0.095 145.2

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#BDF6BE

#F6BDF5

Analogous

#D8F6BD

#BDF6DB

#BDF6BE

Triadic

#BDF6BE

#BEBDF6

#F6BEBD

Split Complementary

#BDF6BE

#DBBDF6

#F6BDD8

Tetradic

#BDF6BE

#BDD8F6

#F6BDF5

#F6DBBD

Color Blindness Simulation

Original

#BDF6BE

Protanopia

#D6D6CC

Deuteranopia

#D2CECF

Tritanopia

#C0D6D9

Achromatopsia

#E6E6E6

CSS Usage

background-color: #BDF6BE;
color: #BDF6BE;
border-color: #BDF6BE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FCF3
100
#E2F9E2
200
#C0F6C1
300
#93F095
400
#59E85C
500
#1FE022
600
#18B41B
700
#149016
800
#0F7011
900
#0F5211
950
#0A340A

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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