#BAE6BF

#BAE6BF

Color Values

HEX

#BAE6BF

RGB

186, 230, 191

HSL

126.8, 46.8%, 81.6%

HSV

126.8, 19.1%, 90.2%

CMYK

19.1%, 0.0%, 17.0%, 9.8%

OKLCH

0.8834 0.0701 148.1

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAE6BF

#E6BAE1

Analogous

#CBE6BA

#BAE6D5

#BAE6BF

Triadic

#BAE6BF

#BFBAE6

#E6BFBA

Split Complementary

#BAE6BF

#D5BAE6

#E6BACB

Tetradic

#BAE6BF

#BACBE6

#E6BAE1

#E6D5BA

Color Blindness Simulation

Original

#BAE6BF

Protanopia

#CDCDC8

Deuteranopia

#CAC7CB

Tritanopia

#BCD0D2

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F4FAF5
100
#E6F4E8
200
#CBECCE
300
#A5DEAC
400
#74CD7F
500
#44BB51
600
#369641
700
#2B7834
800
#225E29
900
#1C4521
950
#122B15

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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