#B4F5FD

#B4F5FD

Color Values

HEX

#B4F5FD

RGB

180, 245, 253

HSL

186.6, 94.8%, 84.9%

HSV

186.6, 28.9%, 99.2%

CMYK

28.9%, 3.2%, 0.0%, 0.8%

OKLCH

0.9294 0.0657 205.6

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#B4F5FD

#FDBCB4

Analogous

#B4FDE1

#B4D0FD

#B4F5FD

Triadic

#B4F5FD

#FDB4F5

#F5FDB4

Split Complementary

#B4F5FD

#FDB4D0

#FDE1B4

Tetradic

#B4F5FD

#E1B4FD

#FDBCB4

#D0FDB4

Color Blindness Simulation

Original

#B4F5FD

Protanopia

#D0D1FB

Deuteranopia

#CCC8FB

Tritanopia

#B7FAF9

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FCFE
100
#DFF8FC
200
#B9F6FD
300
#88EFFC
400
#47E6FA
500
#07DEF8
600
#05B1C7
700
#048E9F
800
#036F7C
900
#07515A
950
#043339

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.42:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026