#a1b8dc hex color

In a RGB color space, hex #a1b8dc is composed of 63.1% red, 72.2% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 16.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 216.6 degrees, a saturation of 45.7% and a lightness of 74.7%. #a1b8dc color hex could be obtained by blending #ffffff with #4371b9. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 63
- G 72
- B 86
RGB color chart
- C 27
- M 16
- Y 0
- K 14
CMYK color chart

● #a1b8dc color description : Very soft blue.

The hexadecimal color #a1b8dc has RGB values of R:161, G:184, B:220 and CMYK values of C:0.27, M:0.16, Y:0, K:0.14. Its decimal value is 10598620.

Hex triplet	a1b8dc	`#a1b8dc`
RGB Decimal	161, 184, 220	`rgb(161,184,220)`
RGB Percent	63.1, 72.2, 86.3	`rgb(63.1%,72.2%,86.3%)`
CMYK	27, 16, 0, 14
HSL	216.6°, 45.7, 74.7	`hsl(216.6,45.7%,74.7%)`
HSV (or HSB)	216.6°, 26.8, 86.3
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.205, 0.17, -20.651
XYZ	44.754, 47.024, 74.425
xyY	0.269, 0.283, 47.024
CIE-LCH	74.205, 20.651, 270.473
CIE-LUV	74.205, -13.438, -32.364
Hunter-Lab	68.574, -3.51, -16.346
Binary	10100001, 10111000, 11011100

#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#dcc5a1
```
#dcc5a1 rgb(220,197,161)
```

Complementary Color

#a1d6dc
```
#a1d6dc rgb(161,214,220)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#a8a1dc
```
#a8a1dc rgb(168,161,220)
```

Analogous Color

#d6dca1
```
#d6dca1 rgb(214,220,161)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#dca8a1
```
#dca8a1 rgb(220,168,161)
```

Split Complementary Color

#b8dca1
```
#b8dca1 rgb(184,220,161)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#dca1b8
```
#dca1b8 rgb(220,161,184)
```

Triadic Color

#a1dcc5
```
#a1dcc5 rgb(161,220,197)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#dca1b8
```
#dca1b8 rgb(220,161,184)
```
#dcc5a1
```
#dcc5a1 rgb(220,197,161)
```

Tetradic Color

#698ec7
```
#698ec7 rgb(105,142,199)
```
#7c9cce
```
#7c9cce rgb(124,156,206)
```
#8eaad5
```
#8eaad5 rgb(142,170,213)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#b4c6e3
```
#b4c6e3 rgb(180,198,227)
```
#c6d4ea
```
#c6d4ea rgb(198,212,234)
```
#d9e2f1
```
#d9e2f1 rgb(217,226,241)
```

Monochromatic Color

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

#a1c7dc
```
#a1c7dc rgb(161,199,220)
```
#a1c2dc
```
#a1c2dc rgb(161,194,220)
```
#a1bddc
```
#a1bddc rgb(161,189,220)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#a1b3dc
```
#a1b3dc rgb(161,179,220)
```
#a1aedc
```
#a1aedc rgb(161,174,220)
```
#a1a9dc
```
#a1a9dc rgb(161,169,220)
```

Similar Colors

Text with hexadecimal color #a1b8dc

This text has a font color of #a1b8dc.

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

#a1b8dc background color

This paragraph has a background color of #a1b8dc.

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

#a1b8dc border color

This element has a border color of #a1b8dc.

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

CSS codes

.text {color:#a1b8dc;}

.background {background-color:#a1b8dc;}

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

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, #020406 is the darkest color, while #f7f9fc is the lightest one.

#020406
```
#020406 rgb(2,4,6)
```
#080d14
```
#080d14 rgb(8,13,20)
```
#0d1523
```
#0d1523 rgb(13,21,35)
```
#121e31
```
#121e31 rgb(18,30,49)
```
#18273f
```
#18273f rgb(24,39,63)
```
#1d304e
```
#1d304e rgb(29,48,78)
```
#22395c
```
#22395c rgb(34,57,92)
```
#28416a
```
#28416a rgb(40,65,106)
```
#2d4a78
```
#2d4a78 rgb(45,74,120)
```
#325387
```
#325387 rgb(50,83,135)
```
#375c95
```
#375c95 rgb(55,92,149)
```
#3d65a3
```
#3d65a3 rgb(61,101,163)
```
#426eb2
```
#426eb2 rgb(66,110,178)
```

Shade Color Variation

#4b77bc
```
#4b77bc rgb(75,119,188)
```
#5a82c1
```
#5a82c1 rgb(90,130,193)
```
#688dc7
```
#688dc7 rgb(104,141,199)
```
#7698cc
```
#7698cc rgb(118,152,204)
```
#84a2d1
```
#84a2d1 rgb(132,162,209)
```
#93add7
```
#93add7 rgb(147,173,215)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#afc3e1
```
#afc3e1 rgb(175,195,225)
```
#becee7
```
#becee7 rgb(190,206,231)
```
#ccd8ec
```
#ccd8ec rgb(204,216,236)
```
#dae3f1
```
#dae3f1 rgb(218,227,241)
```
#e8eef7
```
#e8eef7 rgb(232,238,247)
```
#f7f9fc
```
#f7f9fc rgb(247,249,252)
```

Tint Color Variation

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

#babdc3
```
#babdc3 rgb(186,189,195)
```
#b5bcc8
```
#b5bcc8 rgb(181,188,200)
```
#b0bbcd
```
#b0bbcd rgb(176,187,205)
```
#abbad2
```
#abbad2 rgb(171,186,210)
```
#a6b9d7
```
#a6b9d7 rgb(166,185,215)
```
#a1b8dc
```
#a1b8dc rgb(161,184,220)
```
#9cb7e1
```
#9cb7e1 rgb(156,183,225)
```
#97b6e6
```
#97b6e6 rgb(151,182,230)
```
#92b5eb
```
#92b5eb rgb(146,181,235)
```
#8db4f0
```
#8db4f0 rgb(141,180,240)
```
#88b3f5
```
#88b3f5 rgb(136,179,245)
```
#83b1fa
```
#83b1fa rgb(131,177,250)
```
#7eb0ff
```
#7eb0ff rgb(126,176,255)
```

Tone Color Variation

Below, you can see how #a1b8dc 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

#b5b5b5 Achromatopsia 0.005% of the population
#b1b6bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b8db Protanopia 1% of men
#b7b6df Deuteranopia 1% of men
#a1becc Tritanopia 0.001% of the population

Trichromacy

#abb8db Protanomaly 1% of men, 0.01% of women
#afb7de Deuteranomaly 6% of men, 0.4% of women
#a1bcd2 Tritanomaly 0.01% of the population

#a1b8dc hex color

#a1b8dc Color Information

#a1b8dc Color Conversion

Color Schemes with #a1b8dc

Alternatives to #a1b8dc

#a1b8dc Preview

Shades and Tints of #a1b8dc

Tones of #a1b8dc

Color Blindness Simulator