#a1b4e4 hex color

In a RGB color space, hex #a1b4e4 is composed of 63.1% red, 70.6% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 21.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 223 degrees, a saturation of 55.4% and a lightness of 76.3%. #a1b4e4 color hex could be obtained by blending #ffffff with #4369c9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 71
- B 89
RGB color chart
- C 29
- M 21
- Y 0
- K 11
CMYK color chart

● #a1b4e4 color description : Very soft blue.

The hexadecimal color #a1b4e4 has RGB values of R:161, G:180, B:228 and CMYK values of C:0.29, M:0.21, Y:0, K:0.11. Its decimal value is 10597604.

Hex triplet	a1b4e4	`#a1b4e4`
RGB Decimal	161, 180, 228	`rgb(161,180,228)`
RGB Percent	63.1, 70.6, 89.4	`rgb(63.1%,70.6%,89.4%)`
CMYK	29, 21, 0, 11
HSL	223°, 55.4, 76.3	`hsl(223,55.4%,76.3%)`
HSV (or HSB)	223°, 29.4, 89.4
Web Safe	99cccc	`#99cccc`

CIE-LAB	73.429, 4.287, -26.183
XYZ	45.02, 45.82, 79.867
xyY	0.264, 0.268, 45.82
CIE-LCH	73.429, 26.532, 279.299
CIE-LUV	73.429, -11.987, -42.041
Hunter-Lab	67.69, 0.259, -22.572
Binary	10100001, 10110100, 11100100

#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#e4d1a1
```
#e4d1a1 rgb(228,209,161)
```

Complementary Color

#a1d6e4
```
#a1d6e4 rgb(161,214,228)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#b0a1e4
```
#b0a1e4 rgb(176,161,228)
```

Analogous Color

#d6e4a1
```
#d6e4a1 rgb(214,228,161)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#e4b0a1
```
#e4b0a1 rgb(228,176,161)
```

Split Complementary Color

#b4e4a1
```
#b4e4a1 rgb(180,228,161)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#e4a1b4
```
#e4a1b4 rgb(228,161,180)
```

Triadic Color

#a1e4d1
```
#a1e4d1 rgb(161,228,209)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#e4a1b4
```
#e4a1b4 rgb(228,161,180)
```
#e4d1a1
```
#e4d1a1 rgb(228,209,161)
```

Tetradic Color

#6685d3
```
#6685d3 rgb(102,133,211)
```
#7994d9
```
#7994d9 rgb(121,148,217)
```
#8da4de
```
#8da4de rgb(141,164,222)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#b5c4ea
```
#b5c4ea rgb(181,196,234)
```
#c9d4ef
```
#c9d4ef rgb(201,212,239)
```
#dce3f5
```
#dce3f5 rgb(220,227,245)
```

Monochromatic Color

Below, you can see some colors close to #a1b4e4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a1c5e4
```
#a1c5e4 rgb(161,197,228)
```
#a1bfe4
```
#a1bfe4 rgb(161,191,228)
```
#a1bae4
```
#a1bae4 rgb(161,186,228)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#a1aee4
```
#a1aee4 rgb(161,174,228)
```
#a1a9e4
```
#a1a9e4 rgb(161,169,228)
```
#a1a3e4
```
#a1a3e4 rgb(161,163,228)
```

Similar Colors

Text with hexadecimal color #a1b4e4

This text has a font color of #a1b4e4.

<span style="color:#a1b4e4;">Text here</span>

#a1b4e4 background color

This paragraph has a background color of #a1b4e4.

<p style="background-color:#a1b4e4;">Content here</p>

#a1b4e4 border color

This element has a border color of #a1b4e4.

<div style="border:1px solid #a1b4e4;">Content here</div>

CSS codes

.text {color:#a1b4e4;}

.background {background-color:#a1b4e4;}

.border {border:1px solid #a1b4e4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #04060d is the darkest color, while #fcfdfe is the lightest one.

#04060d
```
#04060d rgb(4,6,13)
```
#080e1c
```
#080e1c rgb(8,14,28)
```
#0c152b
```
#0c152b rgb(12,21,43)
```
#111d3a
```
#111d3a rgb(17,29,58)
```
#15244a
```
#15244a rgb(21,36,74)
```
#1a2b59
```
#1a2b59 rgb(26,43,89)
```
#1e3368
```
#1e3368 rgb(30,51,104)
```
#223a77
```
#223a77 rgb(34,58,119)
```
#274287
```
#274287 rgb(39,66,135)
```
#2b4996
```
#2b4996 rgb(43,73,150)
```
#2f51a5
```
#2f51a5 rgb(47,81,165)
```
#3458b4
```
#3458b4 rgb(52,88,180)
```
#3860c4
```
#3860c4 rgb(56,96,196)
```

Shade Color Variation

#466bca
```
#466bca rgb(70,107,202)
```
#5577ce
```
#5577ce rgb(85,119,206)
```
#6483d2
```
#6483d2 rgb(100,131,210)
```
#7390d7
```
#7390d7 rgb(115,144,215)
```
#839cdb
```
#839cdb rgb(131,156,219)
```
#92a8e0
```
#92a8e0 rgb(146,168,224)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#b0c0e8
```
#b0c0e8 rgb(176,192,232)
```
#bfcced
```
#bfcced rgb(191,204,237)
```
#cfd8f1
```
#cfd8f1 rgb(207,216,241)
```
#dee5f6
```
#dee5f6 rgb(222,229,246)
```
#edf1fa
```
#edf1fa rgb(237,241,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c2c2c3 is the less saturated color, while #8aaafb is the most saturated one.

#c2c2c3
```
#c2c2c3 rgb(194,194,195)
```
#bdc0c8
```
#bdc0c8 rgb(189,192,200)
```
#b8becd
```
#b8becd rgb(184,190,205)
```
#b4bcd1
```
#b4bcd1 rgb(180,188,209)
```
#afbad6
```
#afbad6 rgb(175,186,214)
```
#aab8db
```
#aab8db rgb(170,184,219)
```
#a6b6df
```
#a6b6df rgb(166,182,223)
```
#a1b4e4
```
#a1b4e4 rgb(161,180,228)
```
#9cb2e9
```
#9cb2e9 rgb(156,178,233)
```
#98b0ed
```
#98b0ed rgb(152,176,237)
```
#93aef2
```
#93aef2 rgb(147,174,242)
```
#8eacf7
```
#8eacf7 rgb(142,172,247)
```
#8aaafb
```
#8aaafb rgb(138,170,251)
```

Tone Color Variation

Below, you can see how #a1b4e4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#b4b4b4 Achromatopsia 0.005% of the population
#b0b4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#abb6e4 Protanopia 1% of men
#afb5e6 Deuteranopia 1% of men
#9ebcca Tritanopia 0.001% of the population

Trichromacy

#a7b5e4 Protanomaly 1% of men, 0.01% of women
#aab4e5 Deuteranomaly 6% of men, 0.4% of women
#9fb9d3 Tritanomaly 0.01% of the population

#a1b4e4 hex color

#a1b4e4 Color Information

#a1b4e4 Color Conversion

Color Schemes with #a1b4e4

Alternatives to #a1b4e4

#a1b4e4 Preview

Shades and Tints of #a1b4e4

Tones of #a1b4e4

Color Blindness Simulator