#B1E4FC

#B1E4FC

Color Values

HEX

#B1E4FC

RGB

177, 228, 252

HSL

199.2, 92.6%, 84.1%

HSV

199.2, 29.8%, 98.8%

CMYK

29.8%, 9.5%, 0.0%, 1.2%

OKLCH

0.8914 0.0619 228.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B1E4FC

#FCC9B1

Analogous

#B1FCEE

#B1BEFC

#B1E4FC

Triadic

#B1E4FC

#FCB1E4

#E4FCB1

Split Complementary

#B1E4FC

#FCB1BE

#FCEEB1

Tetradic

#B1E4FC

#EEB1FC

#FCC9B1

#BEFCB1

Color Blindness Simulation

Original

#B1E4FC

Protanopia

#C7C8F6

Deuteranopia

#C4C0F5

Tritanopia

#B4F2F1

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF2FB
200
#BAE7FC
300
#89D6FA
400
#49C0F8
500
#09AAF6
600
#0888C4
700
#066D9D
800
#05557B
900
#083F59
950
#052838

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.37:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026