#BCCC45

#BCCC45

Color Values

HEX

#BCCC45

RGB

188, 204, 69

HSL

67.1, 57.0%, 53.5%

HSV

67.1, 66.2%, 80.0%

CMYK

7.8%, 0.0%, 66.2%, 20.0%

OKLCH

0.808 0.1569 115.8

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#BCCC45

#5545CC

Analogous

#CC9845

#78CC45

#BCCC45

Triadic

#BCCC45

#45BCCC

#CC45BC

Split Complementary

#BCCC45

#4578CC

#9845CC

Tetradic

#BCCC45

#45CC98

#5545CC

#CC4578

Color Blindness Simulation

Original

#BCCC45

Protanopia

#C3C366

Deuteranopia

#C2C16E

Tritanopia

#BD7F85

Achromatopsia

#BFBFBF

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E5
200
#EBF0C7
300
#DCE59F
400
#CAD66B
500
#B7C837
600
#92A02C
700
#758023
800
#5B641B
900
#434918
950
#2B2E0F

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

11.86:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026