#a5d2fd hex color

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

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

● #a5d2fd color description : Very soft blue.

The hexadecimal color #a5d2fd has RGB values of R:165, G:210, B:253 and CMYK values of C:0.35, M:0.17, Y:0, K:0.01. Its decimal value is 10867453.

Hex triplet	a5d2fd	`#a5d2fd`
RGB Decimal	165, 210, 253	`rgb(165,210,253)`
RGB Percent	64.7, 82.4, 99.2	`rgb(64.7%,82.4%,99.2%)`
CMYK	35, 17, 0, 1
HSL	209.3°, 95.7, 82	`hsl(209.3,95.7%,82%)`
HSV (or HSB)	209.3°, 34.8, 99.2
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.477, -4.581, -25.757
XYZ	56.289, 61.182, 101.767
xyY	0.257, 0.279, 61.182
CIE-LCH	82.477, 26.161, 259.914
CIE-LUV	82.477, -23.42, -40.658
Hunter-Lab	78.219, -8.429, -22.386
Binary	10100101, 11010010, 11111101

#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#fdd0a5
```
#fdd0a5 rgb(253,208,165)
```

Complementary Color

#a5fdfc
```
#a5fdfc rgb(165,253,252)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#a5a6fd
```
#a5a6fd rgb(165,166,253)
```

Analogous Color

#fdfca5
```
#fdfca5 rgb(253,252,165)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#fda5a6
```
#fda5a6 rgb(253,165,166)
```

Split Complementary Color

#d2fda5
```
#d2fda5 rgb(210,253,165)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#fda5d2
```
#fda5d2 rgb(253,165,210)
```

Triadic Color

#a5fdd0
```
#a5fdd0 rgb(165,253,208)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#fda5d2
```
#fda5d2 rgb(253,165,210)
```
#fdd0a5
```
#fdd0a5 rgb(253,208,165)
```

Tetradic Color

#5aadfb
```
#5aadfb rgb(90,173,251)
```
#73b9fc
```
#73b9fc rgb(115,185,252)
```
#8cc6fc
```
#8cc6fc rgb(140,198,252)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#bedefe
```
#bedefe rgb(190,222,254)
```
#d7ebfe
```
#d7ebfe rgb(215,235,254)
```
#f0f7ff
```
#f0f7ff rgb(240,247,255)
```

Monochromatic Color

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

#a5e8fd
```
#a5e8fd rgb(165,232,253)
```
#a5e1fd
```
#a5e1fd rgb(165,225,253)
```
#a5d9fd
```
#a5d9fd rgb(165,217,253)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#a5cbfd
```
#a5cbfd rgb(165,203,253)
```
#a5c3fd
```
#a5c3fd rgb(165,195,253)
```
#a5bcfd
```
#a5bcfd rgb(165,188,253)
```

Similar Colors

Text with hexadecimal color #a5d2fd

This text has a font color of #a5d2fd.

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

#a5d2fd background color

This paragraph has a background color of #a5d2fd.

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

#a5d2fd border color

This element has a border color of #a5d2fd.

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

CSS codes

.text {color:#a5d2fd;}

.background {background-color:#a5d2fd;}

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

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

#000306
```
#000306 rgb(0,3,6)
```
#010d19
```
#010d19 rgb(1,13,25)
```
#01172c
```
#01172c rgb(1,23,44)
```
#012140
```
#012140 rgb(1,33,64)
```
#022b53
```
#022b53 rgb(2,43,83)
```
#023566
```
#023566 rgb(2,53,102)
```
#033f79
```
#033f79 rgb(3,63,121)
```
#03498c
```
#03498c rgb(3,73,140)
```
#04539f
```
#04539f rgb(4,83,159)
```
#045db3
```
#045db3 rgb(4,93,179)
```
#0467c6
```
#0467c6 rgb(4,103,198)
```
#0571d9
```
#0571d9 rgb(5,113,217)
```
#057bec
```
#057bec rgb(5,123,236)
```

Shade Color Variation

#0b85fa
```
#0b85fa rgb(11,133,250)
```
#1f8ffa
```
#1f8ffa rgb(31,143,250)
```
#3298fa
```
#3298fa rgb(50,152,250)
```
#45a2fb
```
#45a2fb rgb(69,162,251)
```
#58acfb
```
#58acfb rgb(88,172,251)
```
#6bb5fc
```
#6bb5fc rgb(107,181,252)
```
#7fbffc
```
#7fbffc rgb(127,191,252)
```
#92c8fd
```
#92c8fd rgb(146,200,253)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```
#b8dcfd
```
#b8dcfd rgb(184,220,253)
```
#cbe5fe
```
#cbe5fe rgb(203,229,254)
```
#dfeffe
```
#dfeffe rgb(223,239,254)
```
#f2f8ff
```
#f2f8ff rgb(242,248,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 #a5d2fd is the most saturated one.

#cfd1d3
```
#cfd1d3 rgb(207,209,211)
```
#ccd1d6
```
#ccd1d6 rgb(204,209,214)
```
#c8d1da
```
#c8d1da rgb(200,209,218)
```
#c5d1dd
```
#c5d1dd rgb(197,209,221)
```
#c1d1e1
```
#c1d1e1 rgb(193,209,225)
```
#bed1e4
```
#bed1e4 rgb(190,209,228)
```
#bad2e8
```
#bad2e8 rgb(186,210,232)
```
#b7d2eb
```
#b7d2eb rgb(183,210,235)
```
#b3d2ef
```
#b3d2ef rgb(179,210,239)
```
#b0d2f2
```
#b0d2f2 rgb(176,210,242)
```
#acd2f6
```
#acd2f6 rgb(172,210,246)
```
#a9d2f9
```
#a9d2f9 rgb(169,210,249)
```
#a5d2fd
```
#a5d2fd rgb(165,210,253)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c2cbd3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cdf9 Protanopia 1% of men
#c8ccff Deuteranopia 1% of men
#a3d8e7 Tritanopia 0.001% of the population

Trichromacy

#b9cffa Protanomaly 1% of men, 0.01% of women
#bbcefe Deuteranomaly 6% of men, 0.4% of women
#a3d5ef Tritanomaly 0.01% of the population

#a5d2fd hex color

#a5d2fd Color Information

#a5d2fd Color Conversion

Color Schemes with #a5d2fd

Alternatives to #a5d2fd

#a5d2fd Preview

Shades and Tints of #a5d2fd

Tones of #a5d2fd

Color Blindness Simulator