#B4FBE0

#B4FBE0

Color Values

HEX

#B4FBE0

RGB

180, 251, 224

HSL

157.2, 89.9%, 84.5%

HSV

157.2, 28.3%, 98.4%

CMYK

28.3%, 0.0%, 10.8%, 1.6%

OKLCH

0.9338 0.0796 169.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#B4FBE0

#FBB4CF

Analogous

#B4FBBC

#B4F2FB

#B4FBE0

Triadic

#B4FBE0

#E0B4FB

#FBE0B4

Split Complementary

#B4FBE0

#FBB4F2

#FBBCB4

Tetradic

#B4FBE0

#BCB4FB

#FBB4CF

#F2FBB4

Color Blindness Simulation

Original

#B4FBE0

Protanopia

#D3D3E7

Deuteranopia

#CFC9E8

Tritanopia

#B8ECED

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FDF9
100
#E0FBF0
200
#BBFBE3
300
#8BF9CF
400
#4CF5B5
500
#0DF29B
600
#0AC27C
700
#089B63
800
#06794E
900
#09583A
950
#063725

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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