#B2FDF1

#B2FDF1

Color Values

HEX

#B2FDF1

RGB

178, 253, 241

HSL

170.4, 94.9%, 84.5%

HSV

170.4, 29.6%, 99.2%

CMYK

29.6%, 0.0%, 4.7%, 0.8%

OKLCH

0.9417 0.0756 183.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#B2FDF1

#FDB2BE

Analogous

#B2FDCB

#B2E3FD

#B2FDF1

Triadic

#B2FDF1

#F1B2FD

#FDF1B2

Split Complementary

#B2FDF1

#FDB2E3

#FDCBB2

Tetradic

#B2FDF1

#CBB2FD

#FDB2BE

#E3FDB2

Color Blindness Simulation

Original

#B2FDF1

Protanopia

#D2D3F4

Deuteranopia

#CEC8F5

Tritanopia

#B6F6F7

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DFFCF7
200
#B9FDF2
300
#88FCE9
400
#47FADE
500
#07F8D2
600
#05C7A8
700
#049F86
800
#037C69
900
#075A4D
950
#043930

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.21:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026