#a3bddd hex color

In a RGB color space, hex #a3bddd is composed of 63.9% red, 74.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 14.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 213.1 degrees, a saturation of 46% and a lightness of 75.3%. #a3bddd color hex could be obtained by blending #ffffff with #477bbb. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 64
- G 74
- B 87
RGB color chart
- C 26
- M 14
- Y 0
- K 13
CMYK color chart

● #a3bddd color description : Very soft blue.

The hexadecimal color #a3bddd has RGB values of R:163, G:189, B:221 and CMYK values of C:0.26, M:0.14, Y:0, K:0.13. Its decimal value is 10730973.

Hex triplet	a3bddd	`#a3bddd`
RGB Decimal	163, 189, 221	`rgb(163,189,221)`
RGB Percent	63.9, 74.1, 86.7	`rgb(63.9%,74.1%,86.7%)`
CMYK	26, 14, 0, 13
HSL	213.1°, 46, 75.3	`hsl(213.1,46%,75.3%)`
HSV (or HSB)	213.1°, 26.2, 86.7
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.7, -1.702, -18.914
XYZ	46.35, 49.401, 75.496
xyY	0.271, 0.288, 49.401
CIE-LCH	75.7, 18.991, 264.858
CIE-LUV	75.7, -14.734, -29.328
Hunter-Lab	70.286, -5.288, -14.485
Binary	10100011, 10111101, 11011101

#a3bddd
```
#a3bddd rgb(163,189,221)
```
#ddc3a3
```
#ddc3a3 rgb(221,195,163)
```

Complementary Color

#a3dadd
```
#a3dadd rgb(163,218,221)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#a6a3dd
```
#a6a3dd rgb(166,163,221)
```

Analogous Color

#dadda3
```
#dadda3 rgb(218,221,163)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#dda6a3
```
#dda6a3 rgb(221,166,163)
```

Split Complementary Color

#bddda3
```
#bddda3 rgb(189,221,163)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#dda3bd
```
#dda3bd rgb(221,163,189)
```

Triadic Color

#a3ddc3
```
#a3ddc3 rgb(163,221,195)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#dda3bd
```
#dda3bd rgb(221,163,189)
```
#ddc3a3
```
#ddc3a3 rgb(221,195,163)
```

Tetradic Color

#6b95c8
```
#6b95c8 rgb(107,149,200)
```
#7ea2cf
```
#7ea2cf rgb(126,162,207)
```
#90b0d6
```
#90b0d6 rgb(144,176,214)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#b6cae4
```
#b6cae4 rgb(182,202,228)
```
#c8d8eb
```
#c8d8eb rgb(200,216,235)
```
#dbe5f2
```
#dbe5f2 rgb(219,229,242)
```

Monochromatic Color

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

#a3ccdd
```
#a3ccdd rgb(163,204,221)
```
#a3c7dd
```
#a3c7dd rgb(163,199,221)
```
#a3c2dd
```
#a3c2dd rgb(163,194,221)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#a3b8dd
```
#a3b8dd rgb(163,184,221)
```
#a3b3dd
```
#a3b3dd rgb(163,179,221)
```
#a3afdd
```
#a3afdd rgb(163,175,221)
```

Similar Colors

Text with hexadecimal color #a3bddd

This text has a font color of #a3bddd.

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

#a3bddd background color

This paragraph has a background color of #a3bddd.

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

#a3bddd border color

This element has a border color of #a3bddd.

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

CSS codes

.text {color:#a3bddd;}

.background {background-color:#a3bddd;}

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

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

#030508
```
#030508 rgb(3,5,8)
```
#080f17
```
#080f17 rgb(8,15,23)
```
#0e1825
```
#0e1825 rgb(14,24,37)
```
#132133
```
#132133 rgb(19,33,51)
```
#182b42
```
#182b42 rgb(24,43,66)
```
#1e3450
```
#1e3450 rgb(30,52,80)
```
#233d5e
```
#233d5e rgb(35,61,94)
```
#28476d
```
#28476d rgb(40,71,109)
```
#2d507b
```
#2d507b rgb(45,80,123)
```
#335989
```
#335989 rgb(51,89,137)
```
#386397
```
#386397 rgb(56,99,151)
```
#3d6ca6
```
#3d6ca6 rgb(61,108,166)
```
#4375b4
```
#4375b4 rgb(67,117,180)
```

Shade Color Variation

#4d7fbd
```
#4d7fbd rgb(77,127,189)
```
#5b8ac3
```
#5b8ac3 rgb(91,138,195)
```
#6a94c8
```
#6a94c8 rgb(106,148,200)
```
#789ecd
```
#789ecd rgb(120,158,205)
```
#86a8d2
```
#86a8d2 rgb(134,168,210)
```
#95b3d8
```
#95b3d8 rgb(149,179,216)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#b1c7e2
```
#b1c7e2 rgb(177,199,226)
```
#c0d2e8
```
#c0d2e8 rgb(192,210,232)
```
#cedced
```
#cedced rgb(206,220,237)
```
#dce6f2
```
#dce6f2 rgb(220,230,242)
```
#ebf0f7
```
#ebf0f7 rgb(235,240,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#bbc0c5
```
#bbc0c5 rgb(187,192,197)
```
#b6bfca
```
#b6bfca rgb(182,191,202)
```
#b2bfce
```
#b2bfce rgb(178,191,206)
```
#adbed3
```
#adbed3 rgb(173,190,211)
```
#a8bed8
```
#a8bed8 rgb(168,190,216)
```
#a3bddd
```
#a3bddd rgb(163,189,221)
```
#9ebce2
```
#9ebce2 rgb(158,188,226)
```
#99bce7
```
#99bce7 rgb(153,188,231)
```
#94bbec
```
#94bbec rgb(148,187,236)
```
#90bbf0
```
#90bbf0 rgb(144,187,240)
```
#8bbaf5
```
#8bbaf5 rgb(139,186,245)
```
#86bafa
```
#86bafa rgb(134,186,250)
```
#81b9ff
```
#81b9ff rgb(129,185,255)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b5bac0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bcdc Protanopia 1% of men
#bdbae0 Deuteranopia 1% of men
#a4c2d0 Tritanopia 0.001% of the population

Trichromacy

#b0bcdc Protanomaly 1% of men, 0.01% of women
#b3bbdf Deuteranomaly 6% of men, 0.4% of women
#a3c0d5 Tritanomaly 0.01% of the population

#a3bddd hex color

#a3bddd Color Information

#a3bddd Color Conversion

Color Schemes with #a3bddd

Alternatives to #a3bddd

#a3bddd Preview

Shades and Tints of #a3bddd

Tones of #a3bddd

Color Blindness Simulator