#B0DDC8

#B0DDC8

Color Values

HEX

#B0DDC8

RGB

176, 221, 200

HSL

152.0, 39.8%, 77.8%

HSV

152.0, 20.4%, 86.7%

CMYK

20.4%, 0.0%, 9.5%, 13.3%

OKLCH

0.8598 0.0552 165.0

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#B0DDC8

#DDB0C5

Analogous

#B0DDB1

#B0DBDD

#B0DDC8

Triadic

#B0DDC8

#C8B0DD

#DDC8B0

Split Complementary

#B0DDC8

#DDB0DB

#DDB1B0

Tetradic

#B0DDC8

#B1B0DD

#DDB0C5

#DBDDB0

Color Blindness Simulation

Original

#B0DDC8

Protanopia

#C3C4CD

Deuteranopia

#C1BECE

Tritanopia

#B2D1D2

Achromatopsia

#D2D2D2

CSS Usage

background-color: #B0DDC8;
color: #B0DDC8;
border-color: #B0DDC8;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDEADC
300
#A9DAC3
400
#7BC6A3
500
#4DB283
600
#3D8F69
700
#317254
800
#265941
900
#1F4232
950
#142A1F

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

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