#BAFFD4

#BAFFD4

Color Values

HEX

#BAFFD4

RGB

186, 255, 212

HSL

142,6, 100,0%, 86,5%

HSV

142,6, 27,1%, 100,0%

CMYK

27,1%, 0,0%, 16,9%, 0,0%

OKLCH

0,9428 0,0902 156,8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAFFD4

#FFBAE5

Analogous

#C3FFBA

#BAFFF7

#BAFFD4

Triadic

#BAFFD4

#D4BAFF

#FFD4BA

Split Complementary

#BAFFD4

#F7BAFF

#FFBAC3

Tetradic

#BAFFD4

#BAC3FF

#FFBAE5

#FFF7BA

Color Blindness Simulation

Original

#BAFFD4

Protanopia

#D8D8DE

Deuteranopia

#D4CFE1

Tritanopia

#BDE7E8

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F1FEF6
100
#DEFCE9
200
#B8FFD2
300
#85FFB3
400
#42FF89
500
#00FF60
600
#00CC4D
700
#00A33D
800
#008030
900
#055C26
950
#033A18

Contrast Checker

Text on white

1,14:1

AA Fail AAA Fail

Text on black

18,34:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026