#B2F2FD

#B2F2FD

Color Values

HEX

#B2F2FD

RGB

178, 242, 253

HSL

188.8, 94.9%, 84.5%

HSV

188.8, 29.6%, 99.2%

CMYK

29.6%, 4.3%, 0.0%, 0.8%

OKLCH

0.9219 0.0657 209.3

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#B2F2FD

#FDBDB2

Analogous

#B2FDE2

#B2CCFD

#B2F2FD

Triadic

#B2F2FD

#FDB2F2

#F2FDB2

Split Complementary

#B2F2FD

#FDB2CC

#FDE2B2

Tetradic

#B2F2FD

#E2B2FD

#FDBDB2

#CCFDB2

Color Blindness Simulation

Original

#B2F2FD

Protanopia

#CECEFA

Deuteranopia

#CAC5FA

Tritanopia

#B5F8F8

Achromatopsia

#E5E5E5

CSS Usage

background-color: #B2F2FD;
color: #B2F2FD;
border-color: #B2F2FD;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FCFE
100
#DFF7FC
200
#B9F3FD
300
#88EBFC
400
#47E0FA
500
#07D5F8
600
#05AAC7
700
#04889F
800
#036B7C
900
#074E5A
950
#043139

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.01:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026