#a5ddf3 hex color

In a RGB color space, hex #a5ddf3 is composed of 64.7% red, 86.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 32.1% cyan, 9.1% magenta, 0% yellow and 4.7% black. It has a hue angle of 196.9 degrees, a saturation of 76.5% and a lightness of 80%. #a5ddf3 color hex could be obtained by blending #ffffff with #4bbbe7. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 65
- G 87
- B 95
RGB color chart
- C 32
- M 9
- Y 0
- K 5
CMYK color chart

● #a5ddf3 color description : Very soft blue.

The hexadecimal color #a5ddf3 has RGB values of R:165, G:221, B:243 and CMYK values of C:0.32, M:0.09, Y:0, K:0.05. Its decimal value is 10870259.

Hex triplet	a5ddf3	`#a5ddf3`
RGB Decimal	165, 221, 243	`rgb(165,221,243)`
RGB Percent	64.7, 86.7, 95.3	`rgb(64.7%,86.7%,95.3%)`
CMYK	32, 9, 0, 5
HSL	196.9°, 76.5, 80	`hsl(196.9,76.5%,80%)`
HSV (or HSB)	196.9°, 32.1, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	85.089, -12.735, -16.505
XYZ	57.547, 66.181, 94.531
xyY	0.264, 0.303, 66.181
CIE-LCH	85.089, 20.847, 232.346
CIE-LUV	85.089, -27.948, -24.102
Hunter-Lab	81.352, -16.097, -11.949
Binary	10100101, 11011101, 11110011

#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#f3bba5
```
#f3bba5 rgb(243,187,165)
```

Complementary Color

#a5f3e2
```
#a5f3e2 rgb(165,243,226)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#a5b6f3
```
#a5b6f3 rgb(165,182,243)
```

Analogous Color

#f3e2a5
```
#f3e2a5 rgb(243,226,165)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#f3a5b6
```
#f3a5b6 rgb(243,165,182)
```

Split Complementary Color

#ddf3a5
```
#ddf3a5 rgb(221,243,165)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#f3a5dd
```
#f3a5dd rgb(243,165,221)
```

Triadic Color

#a5f3bb
```
#a5f3bb rgb(165,243,187)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#f3a5dd
```
#f3a5dd rgb(243,165,221)
```
#f3bba5
```
#f3bba5 rgb(243,187,165)
```

Tetradic Color

#62c4ea
```
#62c4ea rgb(98,196,234)
```
#78cced
```
#78cced rgb(120,204,237)
```
#8fd5f0
```
#8fd5f0 rgb(143,213,240)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#bce6f6
```
#bce6f6 rgb(188,230,246)
```
#d2eef9
```
#d2eef9 rgb(210,238,249)
```
#e9f7fc
```
#e9f7fc rgb(233,247,252)
```

Monochromatic Color

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

#a5f1f3
```
#a5f1f3 rgb(165,241,243)
```
#a5eaf3
```
#a5eaf3 rgb(165,234,243)
```
#a5e4f3
```
#a5e4f3 rgb(165,228,243)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#a5d7f3
```
#a5d7f3 rgb(165,215,243)
```
#a5d0f3
```
#a5d0f3 rgb(165,208,243)
```
#a5caf3
```
#a5caf3 rgb(165,202,243)
```

Similar Colors

Text with hexadecimal color #a5ddf3

This text has a font color of #a5ddf3.

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

#a5ddf3 background color

This paragraph has a background color of #a5ddf3.

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

#a5ddf3 border color

This element has a border color of #a5ddf3.

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

CSS codes

.text {color:#a5ddf3;}

.background {background-color:#a5ddf3;}

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

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

#020a0e
```
#020a0e rgb(2,10,14)
```
#04181f
```
#04181f rgb(4,24,31)
```
#062530
```
#062530 rgb(6,37,48)
```
#093242
```
#093242 rgb(9,50,66)
```
#0b3f53
```
#0b3f53 rgb(11,63,83)
```
#0d4c64
```
#0d4c64 rgb(13,76,100)
```
#105976
```
#105976 rgb(16,89,118)
```
#126687
```
#126687 rgb(18,102,135)
```
#147398
```
#147398 rgb(20,115,152)
```
#1780aa
```
#1780aa rgb(23,128,170)
```
#198dbb
```
#198dbb rgb(25,141,187)
```
#1b9acc
```
#1b9acc rgb(27,154,204)
```
#1ea7de
```
#1ea7de rgb(30,167,222)
```

Shade Color Variation

#2cafe3
```
#2cafe3 rgb(44,175,227)
```
#3db6e5
```
#3db6e5 rgb(61,182,229)
```
#4ebce7
```
#4ebce7 rgb(78,188,231)
```
#60c3ea
```
#60c3ea rgb(96,195,234)
```
#71c9ec
```
#71c9ec rgb(113,201,236)
```
#82d0ee
```
#82d0ee rgb(130,208,238)
```
#94d6f1
```
#94d6f1 rgb(148,214,241)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#b6e4f5
```
#b6e4f5 rgb(182,228,245)
```
#c8eaf8
```
#c8eaf8 rgb(200,234,248)
```
#d9f1fa
```
#d9f1fa rgb(217,241,250)
```
#eaf7fc
```
#eaf7fc rgb(234,247,252)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#c8ced0
```
#c8ced0 rgb(200,206,208)
```
#c4cfd4
```
#c4cfd4 rgb(196,207,212)
```
#c0d1d8
```
#c0d1d8 rgb(192,209,216)
```
#bdd3db
```
#bdd3db rgb(189,211,219)
```
#b9d4df
```
#b9d4df rgb(185,212,223)
```
#b5d6e3
```
#b5d6e3 rgb(181,214,227)
```
#b1d8e7
```
#b1d8e7 rgb(177,216,231)
```
#addaeb
```
#addaeb rgb(173,218,235)
```
#a9dbef
```
#a9dbef rgb(169,219,239)
```
#a5ddf3
```
#a5ddf3 rgb(165,221,243)
```
#a1dff7
```
#a1dff7 rgb(161,223,247)
```
#9de0fb
```
#9de0fb rgb(157,224,251)
```
#99e2ff
```
#99e2ff rgb(153,226,255)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#c7d2d6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3d5ee Protanopia 1% of men
#d9d2f8 Deuteranopia 1% of men
#a8dfef Tritanopia 0.001% of the population

Trichromacy

#c2d8ef Protanomaly 1% of men, 0.01% of women
#c6d6f6 Deuteranomaly 6% of men, 0.4% of women
#a7def0 Tritanomaly 0.01% of the population

#a5ddf3 hex color

#a5ddf3 Color Information

#a5ddf3 Color Conversion

Color Schemes with #a5ddf3

Alternatives to #a5ddf3

#a5ddf3 Preview

Shades and Tints of #a5ddf3

Tones of #a5ddf3

Color Blindness Simulator