#A1BFEF

#A1BFEF

Color Values

HEX

#A1BFEF

RGB

161, 191, 239

HSL

216.9, 70.9%, 78.4%

HSV

216.9, 32.6%, 93.7%

CMYK

32.6%, 20.1%, 0.0%, 6.3%

OKLCH

0.7994 0.0759 259.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A1BFEF

#EFD1A1

Analogous

#A1E6EF

#AAA1EF

#A1BFEF

Triadic

#A1BFEF

#EFA1BF

#BFEFA1

Split Complementary

#A1BFEF

#EFAAA1

#E6EFA1

Tetradic

#A1BFEF

#EFA1E6

#EFD1A1

#A1EFAA

Color Blindness Simulation

Original

#A1BFEF

Protanopia

#AEAEE3

Deuteranopia

#ACAAE1

Tritanopia

#A2DAD8

Achromatopsia

#BCBCBC

CSS Usage

background-color: #A1BFEF;
color: #A1BFEF;
border-color: #A1BFEF;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C2D5F5
300
#96B8ED
400
#5E91E4
500
#256BDA
600
#1E55AE
700
#18448B
800
#13356D
900
#12294F
950
#0B1A32

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.21: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