#B2EDDB

#B2EDDB

Color Values

HEX

#B2EDDB

RGB

178, 237, 219

HSL

161,7, 62,1%, 81,4%

HSV

161,7, 24,9%, 92,9%

CMYK

24,9%, 0,0%, 7,6%, 7,1%

OKLCH

0,9009 0,0648 174,0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B2EDDB

#EDB2C4

Analogous

#B2EDBE

#B2E2ED

#B2EDDB

Triadic

#B2EDDB

#DBB2ED

#EDDBB2

Split Complementary

#B2EDDB

#EDB2E2

#EDBEB2

Tetradic

#B2EDDB

#BEB2ED

#EDB2C4

#E2EDB2

Color Blindness Simulation

Original

#B2EDDB

Protanopia

#CCCCDF

Deuteranopia

#C8C4E0

Tritanopia

#B5E3E4

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F3FBF9
100
#E4F7F1
200
#C5F1E4
300
#9CE8D1
400
#66DBB8
500
#30CF9E
600
#27A57F
700
#1F8465
800
#18674F
900
#154C3B
950
#0D3025

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,03: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