#BAEFC1

#BAEFC1

Color Values

HEX

#BAEFC1

RGB

186, 239, 193

HSL

127.9, 62.4%, 83.3%

HSV

127.9, 22.2%, 93.7%

CMYK

22.2%, 0.0%, 19.2%, 6.3%

OKLCH

0.9034 0.0827 148.4

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEFC1

#EFBAE8

Analogous

#CDEFBA

#BAEFDB

#BAEFC1

Triadic

#BAEFC1

#C1BAEF

#EFC1BA

Split Complementary

#BAEFC1

#DBBAEF

#EFBACD

Tetradic

#BAEFC1

#BACDEF

#EFBAE8

#EFDBBA

Color Blindness Simulation

Original

#BAEFC1

Protanopia

#D1D1CC

Deuteranopia

#CECACF

Tritanopia

#BDD5D7

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F3FBF4
100
#E4F7E6
200
#C5F2CB
300
#9CE8A6
400
#66DC75
500
#30CF45
600
#26A637
700
#1F852C
800
#186822
900
#154C1C
950
#0D3012

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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