#a7bdde hex color

In a RGB color space, hex #a7bdde is composed of 65.5% red, 74.1% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 24.8% cyan, 14.9% magenta, 0% yellow and 12.9% black. It has a hue angle of 216 degrees, a saturation of 45.5% and a lightness of 76.3%. #a7bdde color hex could be obtained by blending #ffffff with #4f7bbd. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 74
- B 87
RGB color chart
- C 25
- M 15
- Y 0
- K 13
CMYK color chart

● #a7bdde color description : Very soft blue.

The hexadecimal color #a7bdde has RGB values of R:167, G:189, B:222 and CMYK values of C:0.25, M:0.15, Y:0, K:0.13. Its decimal value is 10993118.

Hex triplet	a7bdde	`#a7bdde`
RGB Decimal	167, 189, 222	`rgb(167,189,222)`
RGB Percent	65.5, 74.1, 87.1	`rgb(65.5%,74.1%,87.1%)`
CMYK	25, 15, 0, 13
HSL	216°, 45.5, 76.3	`hsl(216,45.5%,76.3%)`
HSV (or HSB)	216°, 24.8, 87.1
Web Safe	99cccc	`#99cccc`

CIE-LAB	75.998, -0.27, -18.98
XYZ	47.316, 49.884, 76.239
xyY	0.273, 0.288, 49.884
CIE-LCH	75.998, 18.982, 269.184
CIE-LUV	75.998, -12.906, -29.668
Hunter-Lab	70.628, -4.017, -14.56
Binary	10100111, 10111101, 11011110

#a7bdde
```
#a7bdde rgb(167,189,222)
```
#dec8a7
```
#dec8a7 rgb(222,200,167)
```

Complementary Color

#a7d9de
```
#a7d9de rgb(167,217,222)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#ada7de
```
#ada7de rgb(173,167,222)
```

Analogous Color

#d9dea7
```
#d9dea7 rgb(217,222,167)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#deada7
```
#deada7 rgb(222,173,167)
```

Split Complementary Color

#bddea7
```
#bddea7 rgb(189,222,167)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#dea7bd
```
#dea7bd rgb(222,167,189)
```

Triadic Color

#a7dec8
```
#a7dec8 rgb(167,222,200)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#dea7bd
```
#dea7bd rgb(222,167,189)
```
#dec8a7
```
#dec8a7 rgb(222,200,167)
```

Tetradic Color

#6f93c9
```
#6f93c9 rgb(111,147,201)
```
#82a1d0
```
#82a1d0 rgb(130,161,208)
```
#94afd7
```
#94afd7 rgb(148,175,215)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#bacbe5
```
#bacbe5 rgb(186,203,229)
```
#ccd9ec
```
#ccd9ec rgb(204,217,236)
```
#dfe7f3
```
#dfe7f3 rgb(223,231,243)
```

Monochromatic Color

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

#a7cbde
```
#a7cbde rgb(167,203,222)
```
#a7c6de
```
#a7c6de rgb(167,198,222)
```
#a7c2de
```
#a7c2de rgb(167,194,222)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#a7b8de
```
#a7b8de rgb(167,184,222)
```
#a7b4de
```
#a7b4de rgb(167,180,222)
```
#a7afde
```
#a7afde rgb(167,175,222)
```

Similar Colors

Text with hexadecimal color #a7bdde

This text has a font color of #a7bdde.

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

#a7bdde background color

This paragraph has a background color of #a7bdde.

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

#a7bdde border color

This element has a border color of #a7bdde.

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

CSS codes

.text {color:#a7bdde;}

.background {background-color:#a7bdde;}

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

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, #04070c is the darkest color, while #fdfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#0a101a
```
#0a101a rgb(10,16,26)
```
#0f1928
```
#0f1928 rgb(15,25,40)
```
#142237
```
#142237 rgb(20,34,55)
```
#1a2b45
```
#1a2b45 rgb(26,43,69)
```
#1f3453
```
#1f3453 rgb(31,52,83)
```
#253d61
```
#253d61 rgb(37,61,97)
```
#2a4670
```
#2a4670 rgb(42,70,112)
```
#2f4f7e
```
#2f4f7e rgb(47,79,126)
```
#35588c
```
#35588c rgb(53,88,140)
```
#3a619b
```
#3a619b rgb(58,97,155)
```
#3f69a9
```
#3f69a9 rgb(63,105,169)
```
#4572b7
```
#4572b7 rgb(69,114,183)
```

Shade Color Variation

#517dbe
```
#517dbe rgb(81,125,190)
```
#6088c3
```
#6088c3 rgb(96,136,195)
```
#6e92c9
```
#6e92c9 rgb(110,146,201)
```
#7c9dce
```
#7c9dce rgb(124,157,206)
```
#8aa8d3
```
#8aa8d3 rgb(138,168,211)
```
#99b2d9
```
#99b2d9 rgb(153,178,217)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#b5c8e3
```
#b5c8e3 rgb(181,200,227)
```
#c4d2e9
```
#c4d2e9 rgb(196,210,233)
```
#d2ddee
```
#d2ddee rgb(210,221,238)
```
#e0e8f3
```
#e0e8f3 rgb(224,232,243)
```
#eef2f9
```
#eef2f9 rgb(238,242,249)
```
#fdfdfe
```
#fdfdfe rgb(253,253,254)
```

Tint Color Variation

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

#bec2c7
```
#bec2c7 rgb(190,194,199)
```
#bac1cb
```
#bac1cb rgb(186,193,203)
```
#b5c0d0
```
#b5c0d0 rgb(181,192,208)
```
#b0bfd5
```
#b0bfd5 rgb(176,191,213)
```
#acbed9
```
#acbed9 rgb(172,190,217)
```
#a7bdde
```
#a7bdde rgb(167,189,222)
```
#a2bce3
```
#a2bce3 rgb(162,188,227)
```
#9ebbe7
```
#9ebbe7 rgb(158,187,231)
```
#99baec
```
#99baec rgb(153,186,236)
```
#94b9f1
```
#94b9f1 rgb(148,185,241)
```
#90b8f5
```
#90b8f5 rgb(144,184,245)
```
#8bb7fa
```
#8bb7fa rgb(139,183,250)
```
#86b6ff
```
#86b6ff rgb(134,182,255)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b6bbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7bddd Protanopia 1% of men
#bebae1 Deuteranopia 1% of men
#a7c3d1 Tritanopia 0.001% of the population

Trichromacy

#b1bddd Protanomaly 1% of men, 0.01% of women
#b5bbe0 Deuteranomaly 6% of men, 0.4% of women
#a7c0d5 Tritanomaly 0.01% of the population

#a7bdde hex color

#a7bdde Color Information

#a7bdde Color Conversion

Color Schemes with #a7bdde

Alternatives to #a7bdde

#a7bdde Preview

Shades and Tints of #a7bdde

Tones of #a7bdde

Color Blindness Simulator