#B2FDF4

#B2FDF4

Color Values

HEX

#B2FDF4

RGB

178, 253, 244

HSL

172.8, 94.9%, 84.5%

HSV

172.8, 29.6%, 99.2%

CMYK

29.6%, 0.0%, 3.6%, 0.8%

OKLCH

0.9426 0.0747 186.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#B2FDF4

#FDB2BB

Analogous

#B2FDCE

#B2E0FD

#B2FDF4

Triadic

#B2FDF4

#F4B2FD

#FDF4B2

Split Complementary

#B2FDF4

#FDB2E0

#FDCEB2

Tetradic

#B2FDF4

#CEB2FD

#FDB2BB

#E0FDB2

Color Blindness Simulation

Original

#B2FDF4

Protanopia

#D2D3F6

Deuteranopia

#CEC8F7

Tritanopia

#B6F8F8

Achromatopsia

#ECECEC

CSS Usage

background-color: #B2FDF4;
color: #B2FDF4;
border-color: #B2FDF4;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F1FEFC
100
#DFFCF8
200
#B9FDF5
300
#88FCEE
400
#47FAE5
500
#07F8DB
600
#05C7B0
700
#049F8C
800
#037C6E
900
#075A50
950
#043932

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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