#BAF4D3

#BAF4D3

Color Values

HEX

#BAF4D3

RGB

186, 244, 211

HSL

145.9, 72.5%, 84.3%

HSV

145.9, 23.8%, 95.7%

CMYK

23.8%, 0.0%, 13.5%, 4.3%

OKLCH

0.9187 0.0741 159.6

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BAF4D3

#F4BADB

Analogous

#BEF4BA

#BAF4F0

#BAF4D3

Triadic

#BAF4D3

#D3BAF4

#F4D3BA

Split Complementary

#BAF4D3

#F0BAF4

#F4BABE

Tetradic

#BAF4D3

#BABEF4

#F4BADB

#F4F0BA

Color Blindness Simulation

Original

#BAF4D3

Protanopia

#D3D4DB

Deuteranopia

#D0CBDD

Tritanopia

#BDE1E3

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EC
200
#C1F5D8
300
#95EEBC
400
#5CE597
500
#23DC73
600
#1CB05C
700
#168D4A
800
#126E39
900
#11502C
950
#0B331C

Contrast Checker

Text on white

1.24:1

AA Fail AAA Fail

Text on black

16.97: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