#a5d5f3 hex color

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

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

● #a5d5f3 color description : Very soft blue.

The hexadecimal color #a5d5f3 has RGB values of R:165, G:213, B:243 and CMYK values of C:0.32, M:0.12, Y:0, K:0.05. Its decimal value is 10868211.

Hex triplet	a5d5f3	`#a5d5f3`
RGB Decimal	165, 213, 243	`rgb(165,213,243)`
RGB Percent	64.7, 83.5, 95.3	`rgb(64.7%,83.5%,95.3%)`
CMYK	32, 12, 0, 5
HSL	203.1°, 76.5, 80	`hsl(203.1,76.5%,80%)`
HSV (or HSB)	203.1°, 32.1, 95.3
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.944, -8.603, -19.739
XYZ	55.485, 62.057, 93.844
xyY	0.262, 0.294, 62.057
CIE-LCH	82.944, 21.533, 246.451
CIE-LUV	82.944, -24.573, -30.002
Hunter-Lab	78.776, -12.134, -15.487
Binary	10100101, 11010101, 11110011

#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#f3c3a5
```
#f3c3a5 rgb(243,195,165)
```

Complementary Color

#a5f3ea
```
#a5f3ea rgb(165,243,234)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#a5aef3
```
#a5aef3 rgb(165,174,243)
```

Analogous Color

#f3eaa5
```
#f3eaa5 rgb(243,234,165)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#f3a5ae
```
#f3a5ae rgb(243,165,174)
```

Split Complementary Color

#d5f3a5
```
#d5f3a5 rgb(213,243,165)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#f3a5d5
```
#f3a5d5 rgb(243,165,213)
```

Triadic Color

#a5f3c3
```
#a5f3c3 rgb(165,243,195)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#f3a5d5
```
#f3a5d5 rgb(243,165,213)
```
#f3c3a5
```
#f3c3a5 rgb(243,195,165)
```

Tetradic Color

#62b6ea
```
#62b6ea rgb(98,182,234)
```
#78c0ed
```
#78c0ed rgb(120,192,237)
```
#8fcbf0
```
#8fcbf0 rgb(143,203,240)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#bce0f6
```
#bce0f6 rgb(188,224,246)
```
#d2eaf9
```
#d2eaf9 rgb(210,234,249)
```
#e9f5fc
```
#e9f5fc rgb(233,245,252)
```

Monochromatic Color

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

#a5e9f3
```
#a5e9f3 rgb(165,233,243)
```
#a5e2f3
```
#a5e2f3 rgb(165,226,243)
```
#a5dcf3
```
#a5dcf3 rgb(165,220,243)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#a5cff3
```
#a5cff3 rgb(165,207,243)
```
#a5c8f3
```
#a5c8f3 rgb(165,200,243)
```
#a5c2f3
```
#a5c2f3 rgb(165,194,243)
```

Similar Colors

Text with hexadecimal color #a5d5f3

This text has a font color of #a5d5f3.

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

#a5d5f3 background color

This paragraph has a background color of #a5d5f3.

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

#a5d5f3 border color

This element has a border color of #a5d5f3.

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

CSS codes

.text {color:#a5d5f3;}

.background {background-color:#a5d5f3;}

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

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, #02090e is the darkest color, while #fcfdff is the lightest one.

#02090e
```
#02090e rgb(2,9,14)
```
#04151f
```
#04151f rgb(4,21,31)
```
#062030
```
#062030 rgb(6,32,48)
```
#092c42
```
#092c42 rgb(9,44,66)
```
#0b3753
```
#0b3753 rgb(11,55,83)
```
#0d4364
```
#0d4364 rgb(13,67,100)
```
#104e76
```
#104e76 rgb(16,78,118)
```
#125a87
```
#125a87 rgb(18,90,135)
```
#146698
```
#146698 rgb(20,102,152)
```
#1771aa
```
#1771aa rgb(23,113,170)
```
#197dbb
```
#197dbb rgb(25,125,187)
```
#1b88cc
```
#1b88cc rgb(27,136,204)
```
#1e94de
```
#1e94de rgb(30,148,222)
```

Shade Color Variation

#2c9ce3
```
#2c9ce3 rgb(44,156,227)
```
#3da5e5
```
#3da5e5 rgb(61,165,229)
```
#4eade7
```
#4eade7 rgb(78,173,231)
```
#60b5ea
```
#60b5ea rgb(96,181,234)
```
#71bdec
```
#71bdec rgb(113,189,236)
```
#82c5ee
```
#82c5ee rgb(130,197,238)
```
#94cdf1
```
#94cdf1 rgb(148,205,241)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#b6ddf5
```
#b6ddf5 rgb(182,221,245)
```
#c8e5f8
```
#c8e5f8 rgb(200,229,248)
```
#d9edfa
```
#d9edfa rgb(217,237,250)
```
#eaf5fc
```
#eaf5fc rgb(234,245,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#c8cdd0
```
#c8cdd0 rgb(200,205,208)
```
#c4ced4
```
#c4ced4 rgb(196,206,212)
```
#c0cfd8
```
#c0cfd8 rgb(192,207,216)
```
#bdd0db
```
#bdd0db rgb(189,208,219)
```
#b9d0df
```
#b9d0df rgb(185,208,223)
```
#b5d1e3
```
#b5d1e3 rgb(181,209,227)
```
#b1d2e7
```
#b1d2e7 rgb(177,210,231)
```
#add3eb
```
#add3eb rgb(173,211,235)
```
#a9d4ef
```
#a9d4ef rgb(169,212,239)
```
#a5d5f3
```
#a5d5f3 rgb(165,213,243)
```
#a1d6f7
```
#a1d6f7 rgb(161,214,247)
```
#9dd7fb
```
#9dd7fb rgb(157,215,251)
```
#99d8ff
```
#99d8ff rgb(153,216,255)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c3ccd2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacfee Protanopia 1% of men
#d0ccf7 Deuteranopia 1% of men
#a6d9e8 Tritanopia 0.001% of the population

Trichromacy

#bdd1f0 Protanomaly 1% of men, 0.01% of women
#c0cff5 Deuteranomaly 6% of men, 0.4% of women
#a6d7ec Tritanomaly 0.01% of the population

#a5d5f3 hex color

#a5d5f3 Color Information

#a5d5f3 Color Conversion

Color Schemes with #a5d5f3

Alternatives to #a5d5f3

#a5d5f3 Preview

Shades and Tints of #a5d5f3

Tones of #a5d5f3

Color Blindness Simulator