#BCEDB7

#BCEDB7

Color Values

HEX

#BCEDB7

RGB

188, 237, 183

HSL

114.4, 60.0%, 82.4%

HSV

114.4, 22.8%, 92.9%

CMYK

20.7%, 0.0%, 22.8%, 7.1%

OKLCH

0.898 0.0886 142.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCEDB7

#E8B7ED

Analogous

#D7EDB7

#B7EDCD

#BCEDB7

Triadic

#BCEDB7

#B7BCED

#EDB7BC

Split Complementary

#BCEDB7

#CDB7ED

#EDB7D7

Tetradic

#BCEDB7

#B7D7ED

#E8B7ED

#EDCDB7

Color Blindness Simulation

Original

#BCEDB7

Protanopia

#D1D2C4

Deuteranopia

#CECBC7

Tritanopia

#BECED1

Achromatopsia

#DFDFDF

CSS Usage

background-color: #BCEDB7;
color: #BCEDB7;
border-color: #BCEDB7;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF3
100
#E6F6E4
200
#CAF1C6
300
#A4E79D
400
#73D968
500
#41CC33
600
#34A329
700
#2A8321
800
#21661A
900
#1B4B16
950
#112F0E

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

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