#BCE993

#BCE993

Color Values

HEX

#BCE993

RGB

188, 233, 147

HSL

91.4, 66.2%, 74.5%

HSV

91.4, 36.9%, 91.4%

CMYK

19.3%, 0.0%, 36.9%, 8.6%

OKLCH

0.8822 0.1217 131.0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCE993

#C093E9

Analogous

#E7E993

#93E995

#BCE993

Triadic

#BCE993

#93BCE9

#E993BC

Split Complementary

#BCE993

#9593E9

#E993E7

Tetradic

#BCE993

#93E7E9

#C093E9

#E99593

Color Blindness Simulation

Original

#BCE993

Protanopia

#CFD0A8

Deuteranopia

#CDCAAD

Tritanopia

#BEB8BC

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EDF7E3
200
#DAF3C4
300
#C0EA99
400
#9EDF62
500
#7CD42B
600
#63AA22
700
#4F881C
800
#3E6A16
900
#2F4D14
950
#1E310C

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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