#a1d3ed hex color

In a RGB color space, hex #a1d3ed is composed of 63.1% red, 82.7% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 11% magenta, 0% yellow and 7.1% black. It has a hue angle of 200.5 degrees, a saturation of 67.9% and a lightness of 78%. #a1d3ed color hex could be obtained by blending #ffffff with #43a7db. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 63
- G 83
- B 93
RGB color chart
- C 32
- M 11
- Y 0
- K 7
CMYK color chart

● #a1d3ed color description : Very soft blue.

The hexadecimal color #a1d3ed has RGB values of R:161, G:211, B:237 and CMYK values of C:0.32, M:0.11, Y:0, K:0.07. Its decimal value is 10605549.

Hex triplet	a1d3ed	`#a1d3ed`
RGB Decimal	161, 211, 237	`rgb(161,211,237)`
RGB Percent	63.1, 82.7, 92.9	`rgb(63.1%,82.7%,92.9%)`
CMYK	32, 11, 0, 7
HSL	200.5°, 67.9, 78	`hsl(200.5,67.9%,78%)`
HSV (or HSB)	200.5°, 32.1, 92.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	81.989, -10.113, -18.013
XYZ	53.275, 60.278, 88.944
xyY	0.263, 0.298, 60.278
CIE-LCH	81.989, 20.658, 240.688
CIE-LUV	81.989, -25.345, -26.876
Hunter-Lab	77.639, -13.384, -13.576
Binary	10100001, 11010011, 11101101

#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#edbba1
```
#edbba1 rgb(237,187,161)
```

Complementary Color

#a1ede1
```
#a1ede1 rgb(161,237,225)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#a1aded
```
#a1aded rgb(161,173,237)
```

Analogous Color

#ede1a1
```
#ede1a1 rgb(237,225,161)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#eda1ad
```
#eda1ad rgb(237,161,173)
```

Split Complementary Color

#d3eda1
```
#d3eda1 rgb(211,237,161)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#eda1d3
```
#eda1d3 rgb(237,161,211)
```

Triadic Color

#a1edbb
```
#a1edbb rgb(161,237,187)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#eda1d3
```
#eda1d3 rgb(237,161,211)
```
#edbba1
```
#edbba1 rgb(237,187,161)
```

Tetradic Color

#61b5e1
```
#61b5e1 rgb(97,181,225)
```
#76bfe5
```
#76bfe5 rgb(118,191,229)
```
#8cc9e9
```
#8cc9e9 rgb(140,201,233)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#b6ddf1
```
#b6ddf1 rgb(182,221,241)
```
#cce7f5
```
#cce7f5 rgb(204,231,245)
```
#e1f1f9
```
#e1f1f9 rgb(225,241,249)
```

Monochromatic Color

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

#a1e6ed
```
#a1e6ed rgb(161,230,237)
```
#a1e0ed
```
#a1e0ed rgb(161,224,237)
```
#a1d9ed
```
#a1d9ed rgb(161,217,237)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#a1cded
```
#a1cded rgb(161,205,237)
```
#a1c6ed
```
#a1c6ed rgb(161,198,237)
```
#a1c0ed
```
#a1c0ed rgb(161,192,237)
```

Similar Colors

Text with hexadecimal color #a1d3ed

This text has a font color of #a1d3ed.

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

#a1d3ed background color

This paragraph has a background color of #a1d3ed.

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

#a1d3ed border color

This element has a border color of #a1d3ed.

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

CSS codes

.text {color:#a1d3ed;}

.background {background-color:#a1d3ed;}

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040f15
```
#040f15 rgb(4,15,21)
```
#071b26
```
#071b26 rgb(7,27,38)
```
#0a2736
```
#0a2736 rgb(10,39,54)
```
#0e3347
```
#0e3347 rgb(14,51,71)
```
#113f57
```
#113f57 rgb(17,63,87)
```
#144b68
```
#144b68 rgb(20,75,104)
```
#175778
```
#175778 rgb(23,87,120)
```
#1a6388
```
#1a6388 rgb(26,99,136)
```
#1d6f99
```
#1d6f99 rgb(29,111,153)
```
#207ba9
```
#207ba9 rgb(32,123,169)
```
#2486ba
```
#2486ba rgb(36,134,186)
```
#2792ca
```
#2792ca rgb(39,146,202)
```

Shade Color Variation

#2e9dd7
```
#2e9dd7 rgb(46,157,215)
```
#3ea5da
```
#3ea5da rgb(62,165,218)
```
#4facdd
```
#4facdd rgb(79,172,221)
```
#5fb4e0
```
#5fb4e0 rgb(95,180,224)
```
#70bce4
```
#70bce4 rgb(112,188,228)
```
#80c4e7
```
#80c4e7 rgb(128,196,231)
```
#91cbea
```
#91cbea rgb(145,203,234)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#b1dbf0
```
#b1dbf0 rgb(177,219,240)
```
#c2e2f3
```
#c2e2f3 rgb(194,226,243)
```
#d2eaf6
```
#d2eaf6 rgb(210,234,246)
```
#e3f2fa
```
#e3f2fa rgb(227,242,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#c3c8cb
```
#c3c8cb rgb(195,200,203)
```
#bfc9cf
```
#bfc9cf rgb(191,201,207)
```
#bbcbd3
```
#bbcbd3 rgb(187,203,211)
```
#b7ccd7
```
#b7ccd7 rgb(183,204,215)
```
#b2cedc
```
#b2cedc rgb(178,206,220)
```
#aecfe0
```
#aecfe0 rgb(174,207,224)
```
#aad0e4
```
#aad0e4 rgb(170,208,228)
```
#a5d2e9
```
#a5d2e9 rgb(165,210,233)
```
#a1d3ed
```
#a1d3ed rgb(161,211,237)
```
#9dd4f1
```
#9dd4f1 rgb(157,212,241)
```
#98d6f6
```
#98d6f6 rgb(152,214,246)
```
#94d7fa
```
#94d7fa rgb(148,215,250)
```
#90d8fe
```
#90d8fe rgb(144,216,254)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#bfc9cf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cde9 Protanopia 1% of men
#cfcaf1 Deuteranopia 1% of men
#a3d6e6 Tritanopia 0.001% of the population

Trichromacy

#bacfea Protanomaly 1% of men, 0.01% of women
#becdf0 Deuteranomaly 6% of men, 0.4% of women
#a2d5e8 Tritanomaly 0.01% of the population

#a1d3ed hex color

#a1d3ed Color Information

#a1d3ed Color Conversion

Color Schemes with #a1d3ed

Alternatives to #a1d3ed

#a1d3ed Preview

Shades and Tints of #a1d3ed

Tones of #a1d3ed

Color Blindness Simulator