#a5daf4 hex color

In a RGB color space, hex #a5daf4 is composed of 64.7% red, 85.5% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 10.7% magenta, 0% yellow and 4.3% black. It has a hue angle of 199.7 degrees, a saturation of 78.2% and a lightness of 80.2%. #a5daf4 color hex could be obtained by blending #ffffff with #4bb5e9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 85
- B 96
RGB color chart
- C 32
- M 11
- Y 0
- K 4
CMYK color chart

● #a5daf4 color description : Very soft blue.

The hexadecimal color #a5daf4 has RGB values of R:165, G:218, B:244 and CMYK values of C:0.32, M:0.11, Y:0, K:0.04. Its decimal value is 10869492.

Hex triplet	a5daf4	`#a5daf4`
RGB Decimal	165, 218, 244	`rgb(165,218,244)`
RGB Percent	64.7, 85.5, 95.7	`rgb(64.7%,85.5%,95.7%)`
CMYK	32, 11, 0, 4
HSL	199.7°, 78.2, 80.2	`hsl(199.7,78.2%,80.2%)`
HSV (or HSB)	199.7°, 32.4, 95.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.314, -10.955, -18.2
XYZ	56.914, 64.672, 95.067
xyY	0.263, 0.299, 64.672
CIE-LCH	84.314, 21.243, 238.955
CIE-LUV	84.314, -26.687, -27.149
Hunter-Lab	80.419, -14.405, -13.797
Binary	10100101, 11011010, 11110100

#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#f4bfa5
```
#f4bfa5 rgb(244,191,165)
```

Complementary Color

#a5f4e7
```
#a5f4e7 rgb(165,244,231)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#a5b3f4
```
#a5b3f4 rgb(165,179,244)
```

Analogous Color

#f4e7a5
```
#f4e7a5 rgb(244,231,165)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#f4a5b3
```
#f4a5b3 rgb(244,165,179)
```

Split Complementary Color

#daf4a5
```
#daf4a5 rgb(218,244,165)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#f4a5da
```
#f4a5da rgb(244,165,218)
```

Triadic Color

#a5f4bf
```
#a5f4bf rgb(165,244,191)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#f4a5da
```
#f4a5da rgb(244,165,218)
```
#f4bfa5
```
#f4bfa5 rgb(244,191,165)
```

Tetradic Color

#61beec
```
#61beec rgb(97,190,236)
```
#78c7ee
```
#78c7ee rgb(120,199,238)
```
#8ed1f1
```
#8ed1f1 rgb(142,209,241)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#bce3f7
```
#bce3f7 rgb(188,227,247)
```
#d2edfa
```
#d2edfa rgb(210,237,250)
```
#e9f6fc
```
#e9f6fc rgb(233,246,252)
```

Monochromatic Color

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

#a5eef4
```
#a5eef4 rgb(165,238,244)
```
#a5e7f4
```
#a5e7f4 rgb(165,231,244)
```
#a5e1f4
```
#a5e1f4 rgb(165,225,244)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#a5d3f4
```
#a5d3f4 rgb(165,211,244)
```
#a5cdf4
```
#a5cdf4 rgb(165,205,244)
```
#a5c6f4
```
#a5c6f4 rgb(165,198,244)
```

Similar Colors

Text with hexadecimal color #a5daf4

This text has a font color of #a5daf4.

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

#a5daf4 background color

This paragraph has a background color of #a5daf4.

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

#a5daf4 border color

This element has a border color of #a5daf4.

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

CSS codes

.text {color:#a5daf4;}

.background {background-color:#a5daf4;}

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

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, #020b0f is the darkest color, while #fcfeff is the lightest one.

#020b0f
```
#020b0f rgb(2,11,15)
```
#041720
```
#041720 rgb(4,23,32)
```
#062332
```
#062332 rgb(6,35,50)
```
#083043
```
#083043 rgb(8,48,67)
```
#0a3c55
```
#0a3c55 rgb(10,60,85)
```
#0c4966
```
#0c4966 rgb(12,73,102)
```
#0f5578
```
#0f5578 rgb(15,85,120)
```
#116289
```
#116289 rgb(17,98,137)
```
#136e9b
```
#136e9b rgb(19,110,155)
```
#157aac
```
#157aac rgb(21,122,172)
```
#1787be
```
#1787be rgb(23,135,190)
```
#1993cf
```
#1993cf rgb(25,147,207)
```
#1ba0e1
```
#1ba0e1 rgb(27,160,225)
```

Shade Color Variation

#2ba8e5
```
#2ba8e5 rgb(43,168,229)
```
#3cafe7
```
#3cafe7 rgb(60,175,231)
```
#4eb6e9
```
#4eb6e9 rgb(78,182,233)
```
#5fbdeb
```
#5fbdeb rgb(95,189,235)
```
#71c4ee
```
#71c4ee rgb(113,196,238)
```
#82ccf0
```
#82ccf0 rgb(130,204,240)
```
#94d3f2
```
#94d3f2 rgb(148,211,242)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#b6e1f6
```
#b6e1f6 rgb(182,225,246)
```
#c8e8f8
```
#c8e8f8 rgb(200,232,248)
```
#d9f0fa
```
#d9f0fa rgb(217,240,250)
```
#ebf7fd
```
#ebf7fd rgb(235,247,253)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#cccdcd
```
#cccdcd rgb(204,205,205)
```
#c8ced1
```
#c8ced1 rgb(200,206,209)
```
#c4cfd5
```
#c4cfd5 rgb(196,207,213)
```
#c0d1d9
```
#c0d1d9 rgb(192,209,217)
```
#bcd2dd
```
#bcd2dd rgb(188,210,221)
```
#b8d3e1
```
#b8d3e1 rgb(184,211,225)
```
#b5d5e4
```
#b5d5e4 rgb(181,213,228)
```
#b1d6e8
```
#b1d6e8 rgb(177,214,232)
```
#add7ec
```
#add7ec rgb(173,215,236)
```
#a9d9f0
```
#a9d9f0 rgb(169,217,240)
```
#a5daf4
```
#a5daf4 rgb(165,218,244)
```
#a1dbf8
```
#a1dbf8 rgb(161,219,248)
```
#9dddfc
```
#9dddfc rgb(157,221,252)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c5d0d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfd3ef Protanopia 1% of men
#d5d0f8 Deuteranopia 1% of men
#a7dded Tritanopia 0.001% of the population

Trichromacy

#c0d5f1 Protanomaly 1% of men, 0.01% of women
#c4d3f7 Deuteranomaly 6% of men, 0.4% of women
#a6dcef Tritanomaly 0.01% of the population

#a5daf4 hex color

#a5daf4 Color Information

#a5daf4 Color Conversion

Color Schemes with #a5daf4

Alternatives to #a5daf4

#a5daf4 Preview

Shades and Tints of #a5daf4

Tones of #a5daf4

Color Blindness Simulator