#a5b7df hex color

In a RGB color space, hex #a5b7df is composed of 64.7% red, 71.8% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 26% cyan, 17.9% magenta, 0% yellow and 12.5% black. It has a hue angle of 221.4 degrees, a saturation of 47.5% and a lightness of 76.1%. #a5b7df color hex could be obtained by blending #ffffff with #4b6fbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 65
- G 72
- B 87
RGB color chart
- C 26
- M 18
- Y 0
- K 13
CMYK color chart

● #a5b7df color description : Very soft blue.

The hexadecimal color #a5b7df has RGB values of R:165, G:183, B:223 and CMYK values of C:0.26, M:0.18, Y:0, K:0.13. Its decimal value is 10860511.

Hex triplet	a5b7df	`#a5b7df`
RGB Decimal	165, 183, 223	`rgb(165,183,223)`
RGB Percent	64.7, 71.8, 87.5	`rgb(64.7%,71.8%,87.5%)`
CMYK	26, 18, 0, 13
HSL	221.4°, 47.5, 76.1	`hsl(221.4,47.5%,76.1%)`
HSV (or HSB)	221.4°, 26, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	74.313, 2.619, -22.092
XYZ	45.767, 47.193, 76.506
xyY	0.27, 0.278, 47.193
CIE-LCH	74.313, 22.246, 276.761
CIE-LUV	74.313, -11.245, -35.1
Hunter-Lab	68.697, -1.301, -17.941
Binary	10100101, 10110111, 11011111

#a5b7df
```
#a5b7df rgb(165,183,223)
```
#dfcda5
```
#dfcda5 rgb(223,205,165)
```

Complementary Color

#a5d4df
```
#a5d4df rgb(165,212,223)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#b0a5df
```
#b0a5df rgb(176,165,223)
```

Analogous Color

#d4dfa5
```
#d4dfa5 rgb(212,223,165)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#dfb0a5
```
#dfb0a5 rgb(223,176,165)
```

Split Complementary Color

#b7dfa5
```
#b7dfa5 rgb(183,223,165)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#dfa5b7
```
#dfa5b7 rgb(223,165,183)
```

Triadic Color

#a5dfcd
```
#a5dfcd rgb(165,223,205)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#dfa5b7
```
#dfa5b7 rgb(223,165,183)
```
#dfcda5
```
#dfcda5 rgb(223,205,165)
```

Tetradic Color

#6d8acb
```
#6d8acb rgb(109,138,203)
```
#7f99d2
```
#7f99d2 rgb(127,153,210)
```
#92a8d8
```
#92a8d8 rgb(146,168,216)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#b8c6e6
```
#b8c6e6 rgb(184,198,230)
```
#cbd5ec
```
#cbd5ec rgb(203,213,236)
```
#dde4f3
```
#dde4f3 rgb(221,228,243)
```

Monochromatic Color

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

#a5c6df
```
#a5c6df rgb(165,198,223)
```
#a5c1df
```
#a5c1df rgb(165,193,223)
```
#a5bcdf
```
#a5bcdf rgb(165,188,223)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#a5b2df
```
#a5b2df rgb(165,178,223)
```
#a5addf
```
#a5addf rgb(165,173,223)
```
#a5a9df
```
#a5a9df rgb(165,169,223)
```

Similar Colors

Text with hexadecimal color #a5b7df

This text has a font color of #a5b7df.

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

#a5b7df background color

This paragraph has a background color of #a5b7df.

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

#a5b7df border color

This element has a border color of #a5b7df.

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

CSS codes

.text {color:#a5b7df;}

.background {background-color:#a5b7df;}

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

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, #04060b is the darkest color, while #fcfcfe is the lightest one.

#04060b
```
#04060b rgb(4,6,11)
```
#090e1a
```
#090e1a rgb(9,14,26)
```
#0e1628
```
#0e1628 rgb(14,22,40)
```
#131e37
```
#131e37 rgb(19,30,55)
```
#192645
```
#192645 rgb(25,38,69)
```
#1e2e54
```
#1e2e54 rgb(30,46,84)
```
#233762
```
#233762 rgb(35,55,98)
```
#283f71
```
#283f71 rgb(40,63,113)
```
#2d477f
```
#2d477f rgb(45,71,127)
```
#324f8e
```
#324f8e rgb(50,79,142)
```
#37579c
```
#37579c rgb(55,87,156)
```
#3d5faa
```
#3d5faa rgb(61,95,170)
```
#4267b9
```
#4267b9 rgb(66,103,185)
```

Shade Color Variation

#4e72c0
```
#4e72c0 rgb(78,114,192)
```
#5d7dc5
```
#5d7dc5 rgb(93,125,197)
```
#6b89ca
```
#6b89ca rgb(107,137,202)
```
#7a94d0
```
#7a94d0 rgb(122,148,208)
```
#88a0d5
```
#88a0d5 rgb(136,160,213)
```
#97abda
```
#97abda rgb(151,171,218)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#b3c3e4
```
#b3c3e4 rgb(179,195,228)
```
#c2cee9
```
#c2cee9 rgb(194,206,233)
```
#d0daee
```
#d0daee rgb(208,218,238)
```
#dfe5f4
```
#dfe5f4 rgb(223,229,244)
```
#edf1f9
```
#edf1f9 rgb(237,241,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#c1c2c3
```
#c1c2c3 rgb(193,194,195)
```
#bcc0c8
```
#bcc0c8 rgb(188,192,200)
```
#b8becc
```
#b8becc rgb(184,190,204)
```
#b3bcd1
```
#b3bcd1 rgb(179,188,209)
```
#aebbd6
```
#aebbd6 rgb(174,187,214)
```
#aab9da
```
#aab9da rgb(170,185,218)
```
#a5b7df
```
#a5b7df rgb(165,183,223)
```
#a0b5e4
```
#a0b5e4 rgb(160,181,228)
```
#9cb3e8
```
#9cb3e8 rgb(156,179,232)
```
#97b2ed
```
#97b2ed rgb(151,178,237)
```
#92b0f2
```
#92b0f2 rgb(146,176,242)
```
#8eaef6
```
#8eaef6 rgb(142,174,246)
```
#89acfb
```
#89acfb rgb(137,172,251)
```

Tone Color Variation

Below, you can see how #a5b7df 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
#b3b6be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b8df Protanopia 1% of men
#b6b6e1 Deuteranopia 1% of men
#a4becc Tritanopia 0.001% of the population

Trichromacy

#acb8df Protanomaly 1% of men, 0.01% of women
#b0b6e0 Deuteranomaly 6% of men, 0.4% of women
#a4bbd3 Tritanomaly 0.01% of the population

#a5b7df hex color

#a5b7df Color Information

#a5b7df Color Conversion

Color Schemes with #a5b7df

Alternatives to #a5b7df

#a5b7df Preview

Shades and Tints of #a5b7df

Tones of #a5b7df

Color Blindness Simulator