#a5dafd hex color

In a RGB color space, hex #a5dafd is composed of 64.7% red, 85.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 34.8% cyan, 13.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.9 degrees, a saturation of 95.7% and a lightness of 82%. #a5dafd color hex could be obtained by blending #ffffff with #4bb5fb. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 85
- B 99
RGB color chart
- C 35
- M 14
- Y 0
- K 1
CMYK color chart

● #a5dafd color description : Very soft blue.

The hexadecimal color #a5dafd has RGB values of R:165, G:218, B:253 and CMYK values of C:0.35, M:0.14, Y:0, K:0.01. Its decimal value is 10869501.

Hex triplet	a5dafd	`#a5dafd`
RGB Decimal	165, 218, 253	`rgb(165,218,253)`
RGB Percent	64.7, 85.5, 99.2	`rgb(64.7%,85.5%,99.2%)`
CMYK	35, 14, 0, 1
HSL	203.9°, 95.7, 82	`hsl(203.9,95.7%,82%)`
HSV (or HSB)	203.9°, 34.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.603, -8.771, -22.522
XYZ	58.314, 65.232, 102.441
xyY	0.258, 0.289, 65.232
CIE-LCH	84.603, 24.17, 248.721
CIE-LUV	84.603, -26.727, -34.704
Hunter-Lab	80.766, -12.462, -18.665
Binary	10100101, 11011010, 11111101

#a5dafd
```
#a5dafd rgb(165,218,253)
```
#fdc8a5
```
#fdc8a5 rgb(253,200,165)
```

Complementary Color

#a5fdf4
```
#a5fdf4 rgb(165,253,244)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#a5aefd
```
#a5aefd rgb(165,174,253)
```

Analogous Color

#fdf4a5
```
#fdf4a5 rgb(253,244,165)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#fda5ae
```
#fda5ae rgb(253,165,174)
```

Split Complementary Color

#dafda5
```
#dafda5 rgb(218,253,165)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#fda5da
```
#fda5da rgb(253,165,218)
```

Triadic Color

#a5fdc8
```
#a5fdc8 rgb(165,253,200)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#fda5da
```
#fda5da rgb(253,165,218)
```
#fdc8a5
```
#fdc8a5 rgb(253,200,165)
```

Tetradic Color

#5abbfb
```
#5abbfb rgb(90,187,251)
```
#73c5fc
```
#73c5fc rgb(115,197,252)
```
#8cd0fc
```
#8cd0fc rgb(140,208,252)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#bee4fe
```
#bee4fe rgb(190,228,254)
```
#d7effe
```
#d7effe rgb(215,239,254)
```
#f0f9ff
```
#f0f9ff rgb(240,249,255)
```

Monochromatic Color

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

#a5f0fd
```
#a5f0fd rgb(165,240,253)
```
#a5e9fd
```
#a5e9fd rgb(165,233,253)
```
#a5e1fd
```
#a5e1fd rgb(165,225,253)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#a5d3fd
```
#a5d3fd rgb(165,211,253)
```
#a5cbfd
```
#a5cbfd rgb(165,203,253)
```
#a5c4fd
```
#a5c4fd rgb(165,196,253)
```

Similar Colors

Text with hexadecimal color #a5dafd

This text has a font color of #a5dafd.

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

#a5dafd background color

This paragraph has a background color of #a5dafd.

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

#a5dafd border color

This element has a border color of #a5dafd.

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

CSS codes

.text {color:#a5dafd;}

.background {background-color:#a5dafd;}

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

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

#000406
```
#000406 rgb(0,4,6)
```
#010f19
```
#010f19 rgb(1,15,25)
```
#011b2c
```
#011b2c rgb(1,27,44)
```
#012740
```
#012740 rgb(1,39,64)
```
#023353
```
#023353 rgb(2,51,83)
```
#023e66
```
#023e66 rgb(2,62,102)
```
#034a79
```
#034a79 rgb(3,74,121)
```
#03568c
```
#03568c rgb(3,86,140)
```
#04619f
```
#04619f rgb(4,97,159)
```
#046db3
```
#046db3 rgb(4,109,179)
```
#0479c6
```
#0479c6 rgb(4,121,198)
```
#0585d9
```
#0585d9 rgb(5,133,217)
```
#0590ec
```
#0590ec rgb(5,144,236)
```

Shade Color Variation

#0b9bfa
```
#0b9bfa rgb(11,155,250)
```
#1fa3fa
```
#1fa3fa rgb(31,163,250)
```
#32abfa
```
#32abfa rgb(50,171,250)
```
#45b3fb
```
#45b3fb rgb(69,179,251)
```
#58bafb
```
#58bafb rgb(88,186,251)
```
#6bc2fc
```
#6bc2fc rgb(107,194,252)
```
#7fcafc
```
#7fcafc rgb(127,202,252)
```
#92d2fd
```
#92d2fd rgb(146,210,253)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```
#b8e2fd
```
#b8e2fd rgb(184,226,253)
```
#cbeafe
```
#cbeafe rgb(203,234,254)
```
#dff2fe
```
#dff2fe rgb(223,242,254)
```
#f2faff
```
#f2faff rgb(242,250,255)
```

Tint Color Variation

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

#cfd1d3
```
#cfd1d3 rgb(207,209,211)
```
#ccd2d6
```
#ccd2d6 rgb(204,210,214)
```
#c8d3da
```
#c8d3da rgb(200,211,218)
```
#c5d3dd
```
#c5d3dd rgb(197,211,221)
```
#c1d4e1
```
#c1d4e1 rgb(193,212,225)
```
#bed5e4
```
#bed5e4 rgb(190,213,228)
```
#bad6e8
```
#bad6e8 rgb(186,214,232)
```
#b7d6eb
```
#b7d6eb rgb(183,214,235)
```
#b3d7ef
```
#b3d7ef rgb(179,215,239)
```
#b0d8f2
```
#b0d8f2 rgb(176,216,242)
```
#acd9f6
```
#acd9f6 rgb(172,217,246)
```
#a9d9f9
```
#a9d9f9 rgb(169,217,249)
```
#a5dafd
```
#a5dafd rgb(165,218,253)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c6d0d7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdd3f8 Protanopia 1% of men
#d2d1ff Deuteranopia 1% of men
#a5deee Tritanopia 0.001% of the population

Trichromacy

#bed6f9 Protanomaly 1% of men, 0.01% of women
#c1d4fe Deuteranomaly 6% of men, 0.4% of women
#a5dcf3 Tritanomaly 0.01% of the population

#a5dafd hex color

#a5dafd Color Information

#a5dafd Color Conversion

Color Schemes with #a5dafd

Alternatives to #a5dafd

#a5dafd Preview

Shades and Tints of #a5dafd

Tones of #a5dafd

Color Blindness Simulator