#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026