#B4EEFF

#B4EEFF

Color Values

HEX

#B4EEFF

RGB

180, 238, 255

HSL

193.6, 100.0%, 85.3%

HSV

193.6, 29.4%, 100.0%

CMYK

29.4%, 6.7%, 0.0%, 0.0%

OKLCH

0.9152 0.063 217.7

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#B4EEFF

#FFC5B4

Analogous

#B4FFEB

#B4C9FF

#B4EEFF

Triadic

#B4EEFF

#FFB4EE

#EEFFB4

Split Complementary

#B4EEFF

#FFB4C9

#FFEBB4

Tetradic

#B4EEFF

#EBB4FF

#FFC5B4

#C9FFB4

Color Blindness Simulation

Original

#B4EEFF

Protanopia

#CDCEFB

Deuteranopia

#CAC5FA

Tritanopia

#B7F8F7

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F1FBFE
100
#DEF5FC
200
#B8EFFF
300
#85E3FF
400
#42D4FF
500
#00C5FF
600
#009ECC
700
#007EA3
800
#006380
900
#05485C
950
#032E3A

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

16.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026