#B2FDD3

#B2FDD3

Color Values

HEX

#B2FDD3

RGB

178, 253, 211

HSL

146.4, 94.9%, 84.5%

HSV

146.4, 29.6%, 99.2%

CMYK

29.6%, 0.0%, 16.6%, 0.8%

OKLCH

0.9337 0.0938 159.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B2FDD3

#FDB2DC

Analogous

#B6FDB2

#B2FDF8

#B2FDD3

Triadic

#B2FDD3

#D3B2FD

#FDD3B2

Split Complementary

#B2FDD3

#F8B2FD

#FDB2B6

Tetradic

#B2FDD3

#B2B6FD

#FDB2DC

#FDF8B2

Color Blindness Simulation

Original

#B2FDD3

Protanopia

#D2D3DD

Deuteranopia

#CEC8E0

Tritanopia

#B6E5E7

Achromatopsia

#EAEAEA

CSS Usage

background-color: #B2FDD3;
color: #B2FDD3;
border-color: #B2FDD3;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F1FEF7
100
#DFFCEB
200
#B9FDD7
300
#88FCBB
400
#47FA96
500
#07F871
600
#05C75A
700
#049F48
800
#037C38
900
#075A2B
950
#04391B

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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