#B2FAD5

#B2FAD5

Color Values

HEX

#B2FAD5

RGB

178, 250, 213

HSL

149.2, 87.8%, 83.9%

HSV

149.2, 28.8%, 98.0%

CMYK

28.8%, 0.0%, 14.8%, 2.0%

OKLCH

0.9276 0.0877 161.7

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B2FAD5

#FAB2D7

Analogous

#B3FAB2

#B2FAF9

#B2FAD5

Triadic

#B2FAD5

#D5B2FA

#FAD5B2

Split Complementary

#B2FAD5

#F9B2FA

#FAB2B3

Tetradic

#B2FAD5

#B2B3FA

#FAB2D7

#FAF9B2

Color Blindness Simulation

Original

#B2FAD5

Protanopia

#D1D2DE

Deuteranopia

#CDC8E0

Tritanopia

#B6E5E7

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BCFBDA
300
#8CF8C0
400
#4EF39E
500
#10EF7D
600
#0CC064
700
#0A9950
800
#08783E
900
#0A572F
950
#06371E

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

17.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026