#a5b4ff hex color

In a RGB color space, hex #a5b4ff is composed of 64.7% red, 70.6% green and 100% blue. Whereas in a CMYK color space, it is composed of 35.3% cyan, 29.4% magenta, 0% yellow and 0% black. It has a hue angle of 230 degrees, a saturation of 100% and a lightness of 82.4%. #a5b4ff color hex could be obtained by blending #ffffff with #4b69ff. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 71
- B 100
RGB color chart
- C 35
- M 29
- Y 0
- K 0
CMYK color chart

● #a5b4ff color description : Pale blue.

The hexadecimal color #a5b4ff has RGB values of R:165, G:180, B:255 and CMYK values of C:0.35, M:0.29, Y:0, K:0. Its decimal value is 10859775.

Hex triplet	a5b4ff	`#a5b4ff`
RGB Decimal	165, 180, 255	`rgb(165,180,255)`
RGB Percent	64.7, 70.6, 100	`rgb(64.7%,70.6%,100%)`
CMYK	35, 29, 0, 0
HSL	230°, 100, 82.4	`hsl(230,100%,82.4%)`
HSV (or HSB)	230°, 35.3, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	74.737, 12.209, -38.745
XYZ	49.885, 47.861, 101.212
xyY	0.251, 0.241, 47.861
CIE-LCH	74.737, 40.624, 287.49
CIE-LUV	74.737, -11.274, -64.423
Hunter-Lab	69.181, 7.644, -38.314
Binary	10100101, 10110100, 11111111

#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#fff0a5
```
#fff0a5 rgb(255,240,165)
```

Complementary Color

#a5e1ff
```
#a5e1ff rgb(165,225,255)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#c3a5ff
```
#c3a5ff rgb(195,165,255)
```

Analogous Color

#e1ffa5
```
#e1ffa5 rgb(225,255,165)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#ffc3a5
```
#ffc3a5 rgb(255,195,165)
```

Split Complementary Color

#b4ffa5
```
#b4ffa5 rgb(180,255,165)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#ffa5b4
```
#ffa5b4 rgb(255,165,180)
```

Triadic Color

#a5fff0
```
#a5fff0 rgb(165,255,240)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#ffa5b4
```
#ffa5b4 rgb(255,165,180)
```
#fff0a5
```
#fff0a5 rgb(255,240,165)
```

Tetradic Color

#5974ff
```
#5974ff rgb(89,116,255)
```
#728aff
```
#728aff rgb(114,138,255)
```
#8c9fff
```
#8c9fff rgb(140,159,255)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#bfc9ff
```
#bfc9ff rgb(191,201,255)
```
#d8dfff
```
#d8dfff rgb(216,223,255)
```
#f2f4ff
```
#f2f4ff rgb(242,244,255)
```

Monochromatic Color

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

#a5cbff
```
#a5cbff rgb(165,203,255)
```
#a5c3ff
```
#a5c3ff rgb(165,195,255)
```
#a5bcff
```
#a5bcff rgb(165,188,255)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#a5adff
```
#a5adff rgb(165,173,255)
```
#a5a5ff
```
#a5a5ff rgb(165,165,255)
```
#ada5ff
```
#ada5ff rgb(173,165,255)
```

Similar Colors

Text with hexadecimal color #a5b4ff

This text has a font color of #a5b4ff.

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

#a5b4ff background color

This paragraph has a background color of #a5b4ff.

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

#a5b4ff border color

This element has a border color of #a5b4ff.

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

CSS codes

.text {color:#a5b4ff;}

.background {background-color:#a5b4ff;}

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

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

#000108
```
#000108 rgb(0,1,8)
```
#00051c
```
#00051c rgb(0,5,28)
```
#00082f
```
#00082f rgb(0,8,47)
```
#000b43
```
#000b43 rgb(0,11,67)
```
#000e57
```
#000e57 rgb(0,14,87)
```
#00126a
```
#00126a rgb(0,18,106)
```
#00157e
```
#00157e rgb(0,21,126)
```
#001891
```
#001891 rgb(0,24,145)
```
#001ca5
```
#001ca5 rgb(0,28,165)
```
#001fb9
```
#001fb9 rgb(0,31,185)
```
#0022cc
```
#0022cc rgb(0,34,204)
```
#0025e0
```
#0025e0 rgb(0,37,224)
```
#0029f3
```
#0029f3 rgb(0,41,243)
```

Shade Color Variation

#0831ff
```
#0831ff rgb(8,49,255)
```
#1c42ff
```
#1c42ff rgb(28,66,255)
```
#2f52ff
```
#2f52ff rgb(47,82,255)
```
#4362ff
```
#4362ff rgb(67,98,255)
```
#5773ff
```
#5773ff rgb(87,115,255)
```
#6a83ff
```
#6a83ff rgb(106,131,255)
```
#7e93ff
```
#7e93ff rgb(126,147,255)
```
#91a4ff
```
#91a4ff rgb(145,164,255)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```
#b9c4ff
```
#b9c4ff rgb(185,196,255)
```
#ccd5ff
```
#ccd5ff rgb(204,213,255)
```
#e0e5ff
```
#e0e5ff rgb(224,229,255)
```
#f3f5ff
```
#f3f5ff rgb(243,245,255)
```

Tint Color Variation

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

#cfd0d5
```
#cfd0d5 rgb(207,208,213)
```
#cbcdd9
```
#cbcdd9 rgb(203,205,217)
```
#c8cbdc
```
#c8cbdc rgb(200,203,220)
```
#c4c9e0
```
#c4c9e0 rgb(196,201,224)
```
#c1c6e3
```
#c1c6e3 rgb(193,198,227)
```
#bdc4e7
```
#bdc4e7 rgb(189,196,231)
```
#bac2ea
```
#bac2ea rgb(186,194,234)
```
#b6c0ee
```
#b6c0ee rgb(182,192,238)
```
#b3bdf1
```
#b3bdf1 rgb(179,189,241)
```
#afbbf5
```
#afbbf5 rgb(175,187,245)
```
#acb9f8
```
#acb9f8 rgb(172,185,248)
```
#a8b6fc
```
#a8b6fc rgb(168,182,252)
```
#a5b4ff
```
#a5b4ff rgb(165,180,255)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b4b7c6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4b9ff Protanopia 1% of men
#a3b9fe Deuteranopia 1% of men
#9cc1cf Tritanopia 0.001% of the population

Trichromacy

#a4b7ff Protanomaly 1% of men, 0.01% of women
#a3b7fe Deuteranomaly 6% of men, 0.4% of women
#9fbce0 Tritanomaly 0.01% of the population

#a5b4ff hex color

#a5b4ff Color Information

#a5b4ff Color Conversion

Color Schemes with #a5b4ff

Alternatives to #a5b4ff

#a5b4ff Preview

Shades and Tints of #a5b4ff

Tones of #a5b4ff

Color Blindness Simulator