#a8bdf2 hex color

In a RGB color space, hex #a8bdf2 is composed of 65.9% red, 74.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 21.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 223 degrees, a saturation of 74% and a lightness of 80.4%. #a8bdf2 color hex could be obtained by blending #ffffff with #517be5. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 66
- G 74
- B 95
RGB color chart
- C 31
- M 22
- Y 0
- K 5
CMYK color chart

● #a8bdf2 color description : Very soft blue.

The hexadecimal color #a8bdf2 has RGB values of R:168, G:189, B:242 and CMYK values of C:0.31, M:0.22, Y:0, K:0.05. Its decimal value is 11058674.

Hex triplet	a8bdf2	`#a8bdf2`
RGB Decimal	168, 189, 242	`rgb(168,189,242)`
RGB Percent	65.9, 74.1, 94.9	`rgb(65.9%,74.1%,94.9%)`
CMYK	31, 22, 0, 5
HSL	223°, 74, 80.4	`hsl(223,74%,80.4%)`
HSV (or HSB)	223°, 30.6, 94.9
Web Safe	99ccff	`#99ccff`

CIE-LAB	76.757, 4.803, -28.611
XYZ	50.37, 51.13, 91.215
xyY	0.261, 0.265, 51.13
CIE-LCH	76.757, 29.011, 279.53
CIE-LUV	76.757, -13.131, -46.436
Hunter-Lab	71.505, 0.606, -25.579
Binary	10101000, 10111101, 11110010

#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#f2dda8
```
#f2dda8 rgb(242,221,168)
```

Complementary Color

#a8e2f2
```
#a8e2f2 rgb(168,226,242)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#b8a8f2
```
#b8a8f2 rgb(184,168,242)
```

Analogous Color

#e2f2a8
```
#e2f2a8 rgb(226,242,168)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#f2b8a8
```
#f2b8a8 rgb(242,184,168)
```

Split Complementary Color

#bdf2a8
```
#bdf2a8 rgb(189,242,168)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#f2a8bd
```
#f2a8bd rgb(242,168,189)
```

Triadic Color

#a8f2dd
```
#a8f2dd rgb(168,242,221)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#f2a8bd
```
#f2a8bd rgb(242,168,189)
```
#f2dda8
```
#f2dda8 rgb(242,221,168)
```

Tetradic Color

#658be8
```
#658be8 rgb(101,139,232)
```
#7c9beb
```
#7c9beb rgb(124,155,235)
```
#92acef
```
#92acef rgb(146,172,239)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#becef5
```
#becef5 rgb(190,206,245)
```
#d4dff9
```
#d4dff9 rgb(212,223,249)
```
#ebeffc
```
#ebeffc rgb(235,239,252)
```

Monochromatic Color

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

#a8d0f2
```
#a8d0f2 rgb(168,208,242)
```
#a8c9f2
```
#a8c9f2 rgb(168,201,242)
```
#a8c3f2
```
#a8c3f2 rgb(168,195,242)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#a8b7f2
```
#a8b7f2 rgb(168,183,242)
```
#a8b1f2
```
#a8b1f2 rgb(168,177,242)
```
#a8abf2
```
#a8abf2 rgb(168,171,242)
```

Similar Colors

Text with hexadecimal color #a8bdf2

This text has a font color of #a8bdf2.

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

#a8bdf2 background color

This paragraph has a background color of #a8bdf2.

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

#a8bdf2 border color

This element has a border color of #a8bdf2.

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

CSS codes

.text {color:#a8bdf2;}

.background {background-color:#a8bdf2;}

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

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, #02060f is the darkest color, while #fdfeff is the lightest one.

#02060f
```
#02060f rgb(2,6,15)
```
#050d20
```
#050d20 rgb(5,13,32)
```
#071332
```
#071332 rgb(7,19,50)
```
#0a1a43
```
#0a1a43 rgb(10,26,67)
```
#0d2154
```
#0d2154 rgb(13,33,84)
```
#0f2765
```
#0f2765 rgb(15,39,101)
```
#122e76
```
#122e76 rgb(18,46,118)
```
#143587
```
#143587 rgb(20,53,135)
```
#173b98
```
#173b98 rgb(23,59,152)
```
#1942a9
```
#1942a9 rgb(25,66,169)
```
#1c49ba
```
#1c49ba rgb(28,73,186)
```
#1e4fcb
```
#1e4fcb rgb(30,79,203)
```
#2156dc
```
#2156dc rgb(33,86,220)
```

Shade Color Variation

#3162e0
```
#3162e0 rgb(49,98,224)
```
#426fe3
```
#426fe3 rgb(66,111,227)
```
#537ce5
```
#537ce5 rgb(83,124,229)
```
#6489e8
```
#6489e8 rgb(100,137,232)
```
#7596ea
```
#7596ea rgb(117,150,234)
```
#86a3ed
```
#86a3ed rgb(134,163,237)
```
#97b0ef
```
#97b0ef rgb(151,176,239)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#b9caf5
```
#b9caf5 rgb(185,202,245)
```
#cad7f7
```
#cad7f7 rgb(202,215,247)
```
#dbe4fa
```
#dbe4fa rgb(219,228,250)
```
#ecf1fc
```
#ecf1fc rgb(236,241,252)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#cbcccf
```
#cbcccf rgb(203,204,207)
```
#c7cad3
```
#c7cad3 rgb(199,202,211)
```
#c3c9d7
```
#c3c9d7 rgb(195,201,215)
```
#bfc7db
```
#bfc7db rgb(191,199,219)
```
#bbc5df
```
#bbc5df rgb(187,197,223)
```
#b7c4e3
```
#b7c4e3 rgb(183,196,227)
```
#b4c2e6
```
#b4c2e6 rgb(180,194,230)
```
#b0c0ea
```
#b0c0ea rgb(176,192,234)
```
#acbfee
```
#acbfee rgb(172,191,238)
```
#a8bdf2
```
#a8bdf2 rgb(168,189,242)
```
#a4bbf6
```
#a4bbf6 rgb(164,187,246)
```
#a0bafa
```
#a0bafa rgb(160,186,250)
```
#9cb8fe
```
#9cb8fe rgb(156,184,254)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#b9bdc8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2bef1 Protanopia 1% of men
#b5bdf3 Deuteranopia 1% of men
#a4c6d4 Tritanopia 0.001% of the population

Trichromacy

#aebef1 Protanomaly 1% of men, 0.01% of women
#b0bdf3 Deuteranomaly 6% of men, 0.4% of women
#a5c2df Tritanomaly 0.01% of the population

#a8bdf2 hex color

#a8bdf2 Color Information

#a8bdf2 Color Conversion

Color Schemes with #a8bdf2

Alternatives to #a8bdf2

#a8bdf2 Preview

Shades and Tints of #a8bdf2

Tones of #a8bdf2

Color Blindness Simulator