#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