#B0FAD8

#B0FAD8

Color Values

HEX

#B0FAD8

RGB

176, 250, 216

HSL

152.4, 88.1%, 83.5%

HSV

152.4, 29.6%, 98.0%

CMYK

29.6%, 0.0%, 13.6%, 2.0%

OKLCH

0.9273 0.0869 164.4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B0FAD8

#FAB0D2

Analogous

#B0FAB3

#B0F7FA

#B0FAD8

Triadic

#B0FAD8

#D8B0FA

#FAD8B0

Split Complementary

#B0FAD8

#FAB0F7

#FAB3B0

Tetradic

#B0FAD8

#B3B0FA

#FAB0D2

#F7FAB0

Color Blindness Simulation

Original

#B0FAD8

Protanopia

#D0D1E0

Deuteranopia

#CCC6E2

Tritanopia

#B4E7E8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F2FDF8
100
#E0FBEE
200
#BCFBDE
300
#8CF8C6
400
#4EF4A7
500
#0FF088
600
#0CC06D
700
#0A9957
800
#087844
900
#0A5734
950
#063721

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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