#A1BEEE

#A1BEEE

Color Values

HEX

#A1BEEE

RGB

161, 190, 238

HSL

217.4, 69.4%, 78.2%

HSV

217.4, 32.4%, 93.3%

CMYK

32.4%, 20.2%, 0.0%, 6.7%

OKLCH

0.7969 0.0755 260.4

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#A1BEEE

#EED1A1

Analogous

#A1E4EE

#AAA1EE

#A1BEEE

Triadic

#A1BEEE

#EEA1BE

#BEEEA1

Split Complementary

#A1BEEE

#EEAAA1

#E4EEA1

Tetradic

#A1BEEE

#EEA1E4

#EED1A1

#A1EEAA

Color Blindness Simulation

Original

#A1BEEE

Protanopia

#AEAEE2

Deuteranopia

#ACAAE0

Tritanopia

#A2D9D7

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EBF8
200
#C3D5F4
300
#97B7EC
400
#5F90E2
500
#276AD8
600
#1F55AD
700
#19448A
800
#14356C
900
#12294F
950
#0B1A32

Contrast Checker

Text on white

1.89:1

AA Fail AAA Fail

Text on black

11.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026