#a0b4f8 hex color

In a RGB color space, hex #a0b4f8 is composed of 62.7% red, 70.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 35.5% cyan, 27.4% magenta, 0% yellow and 2.7% black. It has a hue angle of 226.4 degrees, a saturation of 86.3% and a lightness of 80%. #a0b4f8 color hex could be obtained by blending #ffffff with #4169f1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 63
- G 71
- B 97
RGB color chart
- C 35
- M 27
- Y 0
- K 3
CMYK color chart

● #a0b4f8 color description : Very soft blue.

The hexadecimal color #a0b4f8 has RGB values of R:160, G:180, B:248 and CMYK values of C:0.35, M:0.27, Y:0, K:0.03. Its decimal value is 10532088.

Hex triplet	a0b4f8	`#a0b4f8`
RGB Decimal	160, 180, 248	`rgb(160,180,248)`
RGB Percent	62.7, 70.6, 97.3	`rgb(62.7%,70.6%,97.3%)`
CMYK	35, 27, 0, 3
HSL	226.4°, 86.3, 80	`hsl(226.4,86.3%,80%)`
HSV (or HSB)	226.4°, 35.5, 97.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.121, 9.051, -35.955
XYZ	47.758, 46.892, 95.337
xyY	0.251, 0.247, 46.892
CIE-LCH	74.121, 37.077, 284.13
CIE-LUV	74.121, -13.152, -59.186
Hunter-Lab	68.478, 4.654, -34.611
Binary	10100000, 10110100, 11111000

#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#f8e4a0
```
#f8e4a0 rgb(248,228,160)
```

Complementary Color

#a0e0f8
```
#a0e0f8 rgb(160,224,248)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#b8a0f8
```
#b8a0f8 rgb(184,160,248)
```

Analogous Color

#e0f8a0
```
#e0f8a0 rgb(224,248,160)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#f8b8a0
```
#f8b8a0 rgb(248,184,160)
```

Split Complementary Color

#b4f8a0
```
#b4f8a0 rgb(180,248,160)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#f8a0b4
```
#f8a0b4 rgb(248,160,180)
```

Triadic Color

#a0f8e4
```
#a0f8e4 rgb(160,248,228)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#f8a0b4
```
#f8a0b4 rgb(248,160,180)
```
#f8e4a0
```
#f8e4a0 rgb(248,228,160)
```

Tetradic Color

#597cf3
```
#597cf3 rgb(89,124,243)
```
#718ff5
```
#718ff5 rgb(113,143,245)
```
#88a1f6
```
#88a1f6 rgb(136,161,246)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#b8c7fa
```
#b8c7fa rgb(184,199,250)
```
#d0dafc
```
#d0dafc rgb(208,218,252)
```
#e7ecfd
```
#e7ecfd rgb(231,236,253)
```

Monochromatic Color

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

#a0caf8
```
#a0caf8 rgb(160,202,248)
```
#a0c3f8
```
#a0c3f8 rgb(160,195,248)
```
#a0bbf8
```
#a0bbf8 rgb(160,187,248)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#a0adf8
```
#a0adf8 rgb(160,173,248)
```
#a0a5f8
```
#a0a5f8 rgb(160,165,248)
```
#a2a0f8
```
#a2a0f8 rgb(162,160,248)
```

Similar Colors

Text with hexadecimal color #a0b4f8

This text has a font color of #a0b4f8.

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

#a0b4f8 background color

This paragraph has a background color of #a0b4f8.

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

#a0b4f8 border color

This element has a border color of #a0b4f8.

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

CSS codes

.text {color:#a0b4f8;}

.background {background-color:#a0b4f8;}

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

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

#01040f
```
#01040f rgb(1,4,15)
```
#020921
```
#020921 rgb(2,9,33)
```
#040f33
```
#040f33 rgb(4,15,51)
```
#051445
```
#051445 rgb(5,20,69)
```
#061958
```
#061958 rgb(6,25,88)
```
#081e6a
```
#081e6a rgb(8,30,106)
```
#09237c
```
#09237c rgb(9,35,124)
```
#0b298f
```
#0b298f rgb(11,41,143)
```
#0c2ea1
```
#0c2ea1 rgb(12,46,161)
```
#0d33b3
```
#0d33b3 rgb(13,51,179)
```
#0f38c5
```
#0f38c5 rgb(15,56,197)
```
#103dd8
```
#103dd8 rgb(16,61,216)
```
#1142ea
```
#1142ea rgb(17,66,234)
```

Shade Color Variation

#204fef
```
#204fef rgb(32,79,239)
```
#325df0
```
#325df0 rgb(50,93,240)
```
#456cf1
```
#456cf1 rgb(69,108,241)
```
#577af3
```
#577af3 rgb(87,122,243)
```
#6989f4
```
#6989f4 rgb(105,137,244)
```
#7b97f5
```
#7b97f5 rgb(123,151,245)
```
#8ea6f7
```
#8ea6f7 rgb(142,166,247)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#b2c2f9
```
#b2c2f9 rgb(178,194,249)
```
#c5d1fb
```
#c5d1fb rgb(197,209,251)
```
#d7dffc
```
#d7dffc rgb(215,223,252)
```
#e9eefd
```
#e9eefd rgb(233,238,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#cbcccd
```
#cbcccd rgb(203,204,205)
```
#c7c9d1
```
#c7c9d1 rgb(199,201,209)
```
#c3c7d5
```
#c3c7d5 rgb(195,199,213)
```
#bfc5d9
```
#bfc5d9 rgb(191,197,217)
```
#bbc3dd
```
#bbc3dd rgb(187,195,221)
```
#b8c1e0
```
#b8c1e0 rgb(184,193,224)
```
#b4bfe4
```
#b4bfe4 rgb(180,191,228)
```
#b0bde8
```
#b0bde8 rgb(176,189,232)
```
#acbaec
```
#acbaec rgb(172,186,236)
```
#a8b8f0
```
#a8b8f0 rgb(168,184,240)
```
#a4b6f4
```
#a4b6f4 rgb(164,182,244)
```
#a0b4f8
```
#a0b4f8 rgb(160,180,248)
```
#9cb2fc
```
#9cb2fc rgb(156,178,252)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#b2b6c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5b7f8 Protanopia 1% of men
#a5b7f8 Deuteranopia 1% of men
#98c0ce Tritanopia 0.001% of the population

Trichromacy

#a3b6f8 Protanomaly 1% of men, 0.01% of women
#a3b6f8 Deuteranomaly 6% of men, 0.4% of women
#9bbbdd Tritanomaly 0.01% of the population

#a0b4f8 hex color

#a0b4f8 Color Information

#a0b4f8 Color Conversion

Color Schemes with #a0b4f8

Alternatives to #a0b4f8

#a0b4f8 Preview

Shades and Tints of #a0b4f8

Tones of #a0b4f8

Color Blindness Simulator