#BDCD3C

#BDCD3C

Color Values

HEX

#BDCD3C

RGB

189, 205, 60

HSL

66.6, 59.2%, 52.0%

HSV

66.6, 70.7%, 80.4%

CMYK

7.8%, 0.0%, 70.7%, 19.6%

OKLCH

0.8103 0.1637 115.6

Properties

Cool Light Nearest: yellowgreen

Color Harmonies

Complementary

#BDCD3C

#4C3CCD

Analogous

#CD953C

#75CD3C

#BDCD3C

Triadic

#BDCD3C

#3CBDCD

#CD3CBD

Split Complementary

#BDCD3C

#3C75CD

#953CCD

Tetradic

#BDCD3C

#3CCD95

#4C3CCD

#CD3C75

Color Blindness Simulation

Original

#BDCD3C

Protanopia

#C4C45F

Deuteranopia

#C3C268

Tritanopia

#BE7B81

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E4
200
#ECF0C6
300
#DEE69E
400
#CCD969
500
#BACB34
600
#95A22A
700
#778221
800
#5D651A
900
#454A17
950
#2B2F0E

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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