#B2FDC6

#B2FDC6

Color Values

HEX

#B2FDC6

RGB

178, 253, 198

HSL

136.0, 94.9%, 84.5%

HSV

136.0, 29.6%, 99.2%

CMYK

29.6%, 0.0%, 21.7%, 0.8%

OKLCH

0.9306 0.1053 152.3

Properties

Cool Light Nearest: darkseagreen 1

Color Harmonies

Complementary

#B2FDC6

#FDB2E9

Analogous

#C3FDB2

#B2FDEB

#B2FDC6

Triadic

#B2FDC6

#C6B2FD

#FDC6B2

Split Complementary

#B2FDC6

#EBB2FD

#FDB2C3

Tetradic

#B2FDC6

#B2C3FD

#FDB2E9

#FDEBB2

Color Blindness Simulation

Original

#B2FDC6

Protanopia

#D2D3D3

Deuteranopia

#CEC8D6

Tritanopia

#B6DEE0

Achromatopsia

#E9E9E9

CSS Usage

background-color: #B2FDC6;
color: #B2FDC6;
border-color: #B2FDC6;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F1FEF4
100
#DFFCE6
200
#B9FDCB
300
#88FCA7
400
#47FA77
500
#07F847
600
#05C739
700
#049F2D
800
#037C24
900
#075A1D
950
#043912

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

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