#BDF67C

#BDF67C

Color Values

HEX

#BDF67C

RGB

189, 246, 124

HSL

88.0, 87.1%, 72.5%

HSV

88.0, 49.6%, 96.5%

CMYK

23.2%, 0.0%, 49.6%, 3.5%

OKLCH

0.9083 0.1632 129.8

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BDF67C

#B57CF6

Analogous

#F6F27C

#80F67C

#BDF67C

Triadic

#BDF67C

#7CBDF6

#F67CBD

Split Complementary

#BDF67C

#7C80F6

#F27CF6

Tetradic

#BDF67C

#7CF6F2

#B57CF6

#F67C80

Color Blindness Simulation

Original

#BDF67C

Protanopia

#D6D699

Deuteranopia

#D2CEA1

Tritanopia

#C0B1B6

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EEFAE0
200
#DDFABC
300
#C5F78C
400
#A6F34E
500
#87EF10
600
#6CBF0D
700
#56990B
800
#437708
900
#33560A
950
#203707

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

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

1月 18, 2026