#a0caf0 hex color

In a RGB color space, hex #a0caf0 is composed of 62.7% red, 79.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 33.3% cyan, 15.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 208.5 degrees, a saturation of 72.7% and a lightness of 78.4%. #a0caf0 color hex could be obtained by blending #ffffff with #4195e1. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 63
- G 79
- B 94
RGB color chart
- C 33
- M 16
- Y 0
- K 6
CMYK color chart

● #a0caf0 color description : Very soft blue.

The hexadecimal color #a0caf0 has RGB values of R:160, G:202, B:240 and CMYK values of C:0.33, M:0.16, Y:0, K:0.06. Its decimal value is 10537712.

Hex triplet	a0caf0	`#a0caf0`
RGB Decimal	160, 202, 240	`rgb(160,202,240)`
RGB Percent	62.7, 79.2, 94.1	`rgb(62.7%,79.2%,94.1%)`
CMYK	33, 16, 0, 6
HSL	208.5°, 72.7, 78.4	`hsl(208.5,72.7%,78.4%)`
HSV (or HSB)	208.5°, 33.3, 94.1
Web Safe	99ccff	`#99ccff`

CIE-LAB	79.616, -4.931, -23.215
XYZ	51.342, 56.004, 90.538
xyY	0.259, 0.283, 56.004
CIE-LCH	79.616, 23.733, 258.008
CIE-LUV	79.616, -22.001, -36.173
Hunter-Lab	74.836, -8.5, -19.345
Binary	10100000, 11001010, 11110000

#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#f0c6a0
```
#f0c6a0 rgb(240,198,160)
```

Complementary Color

#a0f0ee
```
#a0f0ee rgb(160,240,238)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#a0a2f0
```
#a0a2f0 rgb(160,162,240)
```

Analogous Color

#f0eea0
```
#f0eea0 rgb(240,238,160)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#f0a0a2
```
#f0a0a2 rgb(240,160,162)
```

Split Complementary Color

#caf0a0
```
#caf0a0 rgb(202,240,160)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#f0a0ca
```
#f0a0ca rgb(240,160,202)
```

Triadic Color

#a0f0c6
```
#a0f0c6 rgb(160,240,198)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#f0a0ca
```
#f0a0ca rgb(240,160,202)
```
#f0c6a0
```
#f0c6a0 rgb(240,198,160)
```

Tetradic Color

#5ea5e6
```
#5ea5e6 rgb(94,165,230)
```
#74b1e9
```
#74b1e9 rgb(116,177,233)
```
#8abeed
```
#8abeed rgb(138,190,237)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#b6d6f3
```
#b6d6f3 rgb(182,214,243)
```
#cce3f7
```
#cce3f7 rgb(204,227,247)
```
#e2effa
```
#e2effa rgb(226,239,250)
```

Monochromatic Color

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

#a0def0
```
#a0def0 rgb(160,222,240)
```
#a0d7f0
```
#a0d7f0 rgb(160,215,240)
```
#a0d1f0
```
#a0d1f0 rgb(160,209,240)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#a0c3f0
```
#a0c3f0 rgb(160,195,240)
```
#a0bdf0
```
#a0bdf0 rgb(160,189,240)
```
#a0b6f0
```
#a0b6f0 rgb(160,182,240)
```

Similar Colors

Text with hexadecimal color #a0caf0

This text has a font color of #a0caf0.

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

#a0caf0 background color

This paragraph has a background color of #a0caf0.

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

#a0caf0 border color

This element has a border color of #a0caf0.

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

CSS codes

.text {color:#a0caf0;}

.background {background-color:#a0caf0;}

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040e18
```
#040e18 rgb(4,14,24)
```
#061829
```
#061829 rgb(6,24,41)
```
#092239
```
#092239 rgb(9,34,57)
```
#0c2d4a
```
#0c2d4a rgb(12,45,74)
```
#0e375b
```
#0e375b rgb(14,55,91)
```
#11416c
```
#11416c rgb(17,65,108)
```
#144b7d
```
#144b7d rgb(20,75,125)
```
#16558e
```
#16558e rgb(22,85,142)
```
#195f9f
```
#195f9f rgb(25,95,159)
```
#1c6ab0
```
#1c6ab0 rgb(28,106,176)
```
#1e74c1
```
#1e74c1 rgb(30,116,193)
```
#217ed2
```
#217ed2 rgb(33,126,210)
```

Shade Color Variation

#2988dd
```
#2988dd rgb(41,136,221)
```
#3a91e0
```
#3a91e0 rgb(58,145,224)
```
#4b9be3
```
#4b9be3 rgb(75,155,227)
```
#5ca4e5
```
#5ca4e5 rgb(92,164,229)
```
#6daee8
```
#6daee8 rgb(109,174,232)
```
#7eb7eb
```
#7eb7eb rgb(126,183,235)
```
#8fc1ed
```
#8fc1ed rgb(143,193,237)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#b1d3f3
```
#b1d3f3 rgb(177,211,243)
```
#c2ddf5
```
#c2ddf5 rgb(194,221,245)
```
#d3e6f8
```
#d3e6f8 rgb(211,230,248)
```
#e4f0fb
```
#e4f0fb rgb(228,240,251)
```
#f5f9fd
```
#f5f9fd rgb(245,249,253)
```

Tint Color Variation

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

#c6c8ca
```
#c6c8ca rgb(198,200,202)
```
#c2c8ce
```
#c2c8ce rgb(194,200,206)
```
#bec9d2
```
#bec9d2 rgb(190,201,210)
```
#b9c9d7
```
#b9c9d7 rgb(185,201,215)
```
#b5c9db
```
#b5c9db rgb(181,201,219)
```
#b1c9df
```
#b1c9df rgb(177,201,223)
```
#adc9e3
```
#adc9e3 rgb(173,201,227)
```
#a8cae8
```
#a8cae8 rgb(168,202,232)
```
#a4caec
```
#a4caec rgb(164,202,236)
```
#a0caf0
```
#a0caf0 rgb(160,202,240)
```
#9ccaf4
```
#9ccaf4 rgb(156,202,244)
```
#98caf8
```
#98caf8 rgb(152,202,248)
```
#93cbfd
```
#93cbfd rgb(147,203,253)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bbc4cb Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc6ec Protanopia 1% of men
#c3c4f3 Deuteranopia 1% of men
#9fcfdf Tritanopia 0.001% of the population

Trichromacy

#b4c7ee Protanomaly 1% of men, 0.01% of women
#b6c6f2 Deuteranomaly 6% of men, 0.4% of women
#9fcde5 Tritanomaly 0.01% of the population

#a0caf0 hex color

#a0caf0 Color Information

#a0caf0 Color Conversion

Color Schemes with #a0caf0

Alternatives to #a0caf0

#a0caf0 Preview

Shades and Tints of #a0caf0

Tones of #a0caf0

Color Blindness Simulator