#BAEBC0

#BAEBC0

Color Values

HEX

#BAEBC0

RGB

186, 235, 192

HSL

127,3, 55,1%, 82,5%

HSV

127,3, 20,9%, 92,2%

CMYK

20,9%, 0,0%, 18,3%, 7,8%

OKLCH

0,8945 0,0772 148,2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BAEBC0

#EBBAE5

Analogous

#CCEBBA

#BAEBD8

#BAEBC0

Triadic

#BAEBC0

#C0BAEB

#EBC0BA

Split Complementary

#BAEBC0

#D8BAEB

#EBBACC

Tetradic

#BAEBC0

#BACCEB

#EBBAE5

#EBD8BA

Color Blindness Simulation

Original

#BAEBC0

Protanopia

#CFD0CA

Deuteranopia

#CCC9CD

Tritanopia

#BCD3D4

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F6E7
200
#C8EFCC
300
#A0E4A8
400
#6DD579
500
#39C64A
600
#2E9E3B
700
#257F30
800
#1D6325
900
#18481E
950
#0F2E13

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

15,73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026