#BCEB96

#BCEB96

Color Values

HEX

#BCEB96

RGB

188, 235, 150

HSL

93,2, 68,0%, 75,5%

HSV

93,2, 36,2%, 92,2%

CMYK

20,0%, 0,0%, 36,2%, 7,8%

OKLCH

0,8871 0,1214 132,0

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCEB96

#C596EB

Analogous

#E6EB96

#96EB9B

#BCEB96

Triadic

#BCEB96

#96BCEB

#EB96BC

Split Complementary

#BCEB96

#9B96EB

#EB96E6

Tetradic

#BCEB96

#96E6EB

#C596EB

#EB9B96

Color Blindness Simulation

Original

#BCEB96

Protanopia

#D0D1AB

Deuteranopia

#CECAB0

Tritanopia

#BEBBBE

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#ECF7E3
200
#D9F4C3
300
#BDEB98
400
#9AE160
500
#76D629
600
#5FAB21
700
#4C891A
800
#3B6B14
900
#2D4E13
950
#1D310C

Contrast Checker

Text on white

1,36:1

AA Fail AAA Fail

Text on black

15,46:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026