#BAEDC3

#BAEDC3

Color Values

HEX

#BAEDC3

RGB

186, 237, 195

HSL

130,6, 58,6%, 82,9%

HSV

130,6, 21,5%, 92,9%

CMYK

21,5%, 0,0%, 17,7%, 7,1%

OKLCH

0,8996 0,0775 149,9

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEDC3

#EDBAE4

Analogous

#CAEDBA

#BAEDDC

#BAEDC3

Triadic

#BAEDC3

#C3BAED

#EDC3BA

Split Complementary

#BAEDC3

#DCBAED

#EDBACA

Tetradic

#BAEDC3

#BACAED

#EDBAE4

#EDDCBA

Color Blindness Simulation

Original

#BAEDC3

Protanopia

#D0D1CD

Deuteranopia

#CDC9D0

Tritanopia

#BDD5D7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E4F6E7
200
#C6F0CE
300
#9EE6AB
400
#69D87D
500
#35CA4F
600
#2AA23F
700
#228133
800
#1A6528
900
#174A20
950
#0E2F14

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

15,99: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