#BAEBC8

#BAEBC8

Color Values

HEX

#BAEBC8

RGB

186, 235, 200

HSL

137,1, 55,1%, 82,5%

HSV

137,1, 20,9%, 92,2%

CMYK

20,9%, 0,0%, 14,9%, 7,8%

OKLCH

0,8964 0,0695 153,8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAEBC8

#EBBADD

Analogous

#C4EBBA

#BAEBE0

#BAEBC8

Triadic

#BAEBC8

#C8BAEB

#EBC8BA

Split Complementary

#BAEBC8

#E0BAEB

#EBBAC4

Tetradic

#BAEBC8

#BAC4EB

#EBBADD

#EBE0BA

Color Blindness Simulation

Original

#BAEBC8

Protanopia

#CFD0D0

Deuteranopia

#CCC9D2

Tritanopia

#BCD7D9

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FBF6
100
#E5F6EA
200
#C8EFD3
300
#A0E4B3
400
#6DD58A
500
#39C661
600
#2E9E4E
700
#257F3E
800
#1D6331
900
#184826
950
#0F2E18

Contrast Checker

Text on white

1,33:1

AA Fail AAA Fail

Text on black

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