#BCD06F

#BCD06F

Color Values

HEX

#BCD06F

RGB

188, 208, 111

HSL

72.4, 50.8%, 62.5%

HSV

72.4, 46.6%, 81.6%

CMYK

9.6%, 0.0%, 46.6%, 18.4%

OKLCH

0.8214 0.1248 118.8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCD06F

#836FD0

Analogous

#D0B36F

#8BD06F

#BCD06F

Triadic

#BCD06F

#6FBCD0

#D06FBC

Split Complementary

#BCD06F

#6F8BD0

#B36FD0

Tetradic

#BCD06F

#6FD0B3

#836FD0

#D06F8B

Color Blindness Simulation

Original

#BCD06F

Protanopia

#C5C586

Deuteranopia

#C4C28C

Tritanopia

#BD999D

Achromatopsia

#C5C5C5

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E5
200
#E6EDC9
300
#D4E1A3
400
#BDD171
500
#A5C03F
600
#849A32
700
#6A7B28
800
#53601F
900
#3D471A
950
#272D11

Contrast Checker

Text on white

1.69:1

AA Fail AAA Fail

Text on black

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