#BCEF98

#BCEF98

Color Values

HEX

#BCEF98

RGB

188, 239, 152

HSL

95.2, 73.1%, 76.7%

HSV

95.2, 36.4%, 93.7%

CMYK

21.3%, 0.0%, 36.4%, 6.3%

OKLCH

0.8963 0.1253 133.1

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCEF98

#CB98EF

Analogous

#E7EF98

#98EFA0

#BCEF98

Triadic

#BCEF98

#98BCEF

#EF98BC

Split Complementary

#BCEF98

#A098EF

#EF98E7

Tetradic

#BCEF98

#98E7EF

#CB98EF

#EFA098

Color Blindness Simulation

Original

#BCEF98

Protanopia

#D2D3AD

Deuteranopia

#CFCBB2

Tritanopia

#BFBEC1

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F7FCF3
100
#EBF8E2
200
#D7F5C1
300
#BAEF95
400
#95E65C
500
#6FDD22
600
#59B11B
700
#478D16
800
#386E11
900
#2B5011
950
#1B330A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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