#B2EAFD

#B2EAFD

Color Values

HEX

#B2EAFD

RGB

178, 234, 253

HSL

195,2, 94,9%, 84,5%

HSV

195,2, 29,6%, 99,2%

CMYK

29,6%, 7,5%, 0,0%, 0,8%

OKLCH

0,9049 0,0625 220,7

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#B2EAFD

#FDC5B2

Analogous

#B2FDEA

#B2C4FD

#B2EAFD

Triadic

#B2EAFD

#FDB2EA

#EAFDB2

Split Complementary

#B2EAFD

#FDB2C4

#FDEAB2

Tetradic

#B2EAFD

#EAB2FD

#FDC5B2

#C4FDB2

Color Blindness Simulation

Original

#B2EAFD

Protanopia

#CACBF8

Deuteranopia

#C7C3F7

Tritanopia

#B5F5F4

Achromatopsia

#DFDFDF

CSS Usage

background-color: #B2EAFD;
color: #B2EAFD;
border-color: #B2EAFD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFE
100
#DFF4FC
200
#B9ECFD
300
#88DEFC
400
#47CDFA
500
#07BBF8
600
#0596C7
700
#04789F
800
#035E7C
900
#07455A
950
#042B39

Contrast Checker

Text on white

1,31:1

AA Fail AAA Fail

Text on black

16,08:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026