#BCE65C

#BCE65C

Color Values

HEX

#BCE65C

RGB

188, 230, 92

HSL

78.3, 73.4%, 63.1%

HSV

78.3, 60.0%, 90.2%

CMYK

18.3%, 0.0%, 60.0%, 9.8%

OKLCH

0.8681 0.1707 124.2

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#BCE65C

#865CE6

Analogous

#E6CB5C

#77E65C

#BCE65C

Triadic

#BCE65C

#5CBCE6

#E65CBC

Split Complementary

#BCE65C

#5C77E6

#CB5CE6

Tetradic

#BCE65C

#5CE6CB

#865CE6

#E65C77

Color Blindness Simulation

Original

#BCE65C

Protanopia

#CECF7D

Deuteranopia

#CCC985

Tritanopia

#BE989E

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F9FCF3
100
#F1F8E2
200
#E6F6C1
300
#D3EF95
400
#BCE65B
500
#A4DD22
600
#83B11B
700
#698D16
800
#526F11
900
#3D5010
950
#26330A

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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