#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