#BDF28B

#BDF28B

Color Values

HEX

#BDF28B

RGB

189, 242, 139

HSL

90,9, 79,8%, 74,7%

HSV

90,9, 42,6%, 94,9%

CMYK

21,9%, 0,0%, 42,6%, 5,1%

OKLCH

0,9015 0,1428 131,0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDF28B

#C08BF2

Analogous

#F0F28B

#8BF28D

#BDF28B

Triadic

#BDF28B

#8BBDF2

#F28BBD

Split Complementary

#BDF28B

#8D8BF2

#F28BF0

Tetradic

#BDF28B

#8BF0F2

#C08BF2

#F28D8B

Color Blindness Simulation

Original

#BDF28B

Protanopia

#D4D4A4

Deuteranopia

#D1CDAA

Tritanopia

#C0B8BC

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F7FDF2
100
#EDF9E1
200
#DAF8BF
300
#C0F391
400
#9EEC55
500
#7CE51A
600
#64B715
700
#509310
800
#3E730D
900
#2F530E
950
#1E3509

Contrast Checker

Text on white

1,29:1

AA Fail AAA Fail

Text on black

16,24:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Янв 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Янв 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Янв 15, 2026