#BCD693

#BCD693

Color Values

HEX

#BCD693

RGB

188, 214, 147

HSL

83.3, 45.0%, 70.8%

HSV

83.3, 31.3%, 83.9%

CMYK

12.1%, 0.0%, 31.3%, 16.1%

OKLCH

0.8405 0.0932 125.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCD693

#AD93D6

Analogous

#D6CF93

#9BD693

#BCD693

Triadic

#BCD693

#93BCD6

#D693BC

Split Complementary

#BCD693

#939BD6

#CF93D6

Tetradic

#BCD693

#93D6CF

#AD93D6

#D6939B

Color Blindness Simulation

Original

#BCD693

Protanopia

#C7C7A3

Deuteranopia

#C6C4A7

Tritanopia

#BDB0B3

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EFF4E6
200
#DFEBCB
300
#C8DDA6
400
#AACB76
500
#8CB946
600
#709438
700
#5A762D
800
#465C23
900
#35441D
950
#212B12

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

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