#BDCE71

#BDCE71

Color Values

HEX

#BDCE71

RGB

189, 206, 113

HSL

71,0, 48,7%, 62,5%

HSV

71,0, 45,1%, 80,8%

CMYK

8,3%, 0,0%, 45,1%, 19,2%

OKLCH

0,8181 0,1198 117,6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BDCE71

#8271CE

Analogous

#CEB071

#8ECE71

#BDCE71

Triadic

#BDCE71

#71BDCE

#CE71BD

Split Complementary

#BDCE71

#718ECE

#B071CE

Tetradic

#BDCE71

#71CEB0

#8271CE

#CE718E

Color Blindness Simulation

Original

#BDCE71

Protanopia

#C4C587

Deuteranopia

#C3C28D

Tritanopia

#BE999D

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F2F5E6
200
#E6EDCA
300
#D5E0A4
400
#BECF73
500
#A7BE41
600
#859834
700
#6B792A
800
#535F21
900
#3E461B
950
#272C11

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,23: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