#BDCC48

#BDCC48

Color Values

HEX

#BDCC48

RGB

189, 204, 72

HSL

66.8, 56.4%, 54.1%

HSV

66.8, 64.7%, 80.0%

CMYK

7.4%, 0.0%, 64.7%, 20.0%

OKLCH

0.809 0.1545 115.5

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BDCC48

#5748CC

Analogous

#CC9948

#7BCC48

#BDCC48

Triadic

#BDCC48

#48BDCC

#CC48BD

Split Complementary

#BDCC48

#487BCC

#9948CC

Tetradic

#BDCC48

#48CC99

#5748CC

#CC487B

Color Blindness Simulation

Original

#BDCC48

Protanopia

#C3C468

Deuteranopia

#C3C170

Tritanopia

#BE8187

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#EBEFC7
300
#DCE49F
400
#CAD66B
500
#B7C738
600
#92A02C
700
#758024
800
#5C641C
900
#434918
950
#2B2E0F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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