#a5d1fc hex color

In a RGB color space, hex #a5d1fc is composed of 64.7% red, 82% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 34.5% cyan, 17.1% magenta, 0% yellow and 1.2% black. It has a hue angle of 209.7 degrees, a saturation of 93.5% and a lightness of 81.8%. #a5d1fc color hex could be obtained by blending #ffffff with #4ba3f9. 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

● #a5d1fc color description : Very soft blue.

The hexadecimal color #a5d1fc has RGB values of R:165, G:209, B:252 and CMYK values of C:0.35, M:0.17, Y:0, K:0.01. Its decimal value is 10867196.

Hex triplet	a5d1fc	`#a5d1fc`
RGB Decimal	165, 209, 252	`rgb(165,209,252)`
RGB Percent	64.7, 82, 98.8	`rgb(64.7%,82%,98.8%)`
CMYK	35, 17, 0, 1
HSL	209.7°, 93.5, 81.8	`hsl(209.7,93.5%,81.8%)`
HSV (or HSB)	209.7°, 34.5, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.178, -4.302, -25.682
XYZ	55.884, 60.627, 100.848
xyY	0.257, 0.279, 60.627
CIE-LCH	82.178, 26.04, 260.491
CIE-LUV	82.178, -22.995, -40.556
Hunter-Lab	77.863, -8.146, -22.288
Binary	10100101, 11010001, 11111100

#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#fcd0a5
```
#fcd0a5 rgb(252,208,165)
```

Complementary Color

#a5fcfc
```
#a5fcfc rgb(165,252,252)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#a5a6fc
```
#a5a6fc rgb(165,166,252)
```

Analogous Color

#fcfca5
```
#fcfca5 rgb(252,252,165)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#fca5a6
```
#fca5a6 rgb(252,165,166)
```

Split Complementary Color

#d1fca5
```
#d1fca5 rgb(209,252,165)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#fca5d1
```
#fca5d1 rgb(252,165,209)
```

Triadic Color

#a5fcd0
```
#a5fcd0 rgb(165,252,208)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#fca5d1
```
#fca5d1 rgb(252,165,209)
```
#fcd0a5
```
#fcd0a5 rgb(252,208,165)
```

Tetradic Color

#5babfa
```
#5babfa rgb(91,171,250)
```
#74b8fa
```
#74b8fa rgb(116,184,250)
```
#8cc4fb
```
#8cc4fb rgb(140,196,251)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#bedefd
```
#bedefd rgb(190,222,253)
```
#d6eafe
```
#d6eafe rgb(214,234,254)
```
#eff7fe
```
#eff7fe rgb(239,247,254)
```

Monochromatic Color

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

#a5e7fc
```
#a5e7fc rgb(165,231,252)
```
#a5e0fc
```
#a5e0fc rgb(165,224,252)
```
#a5d8fc
```
#a5d8fc rgb(165,216,252)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#a5cafc
```
#a5cafc rgb(165,202,252)
```
#a5c3fc
```
#a5c3fc rgb(165,195,252)
```
#a5bbfc
```
#a5bbfc rgb(165,187,252)
```

Similar Colors

Text with hexadecimal color #a5d1fc

This text has a font color of #a5d1fc.

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

#a5d1fc background color

This paragraph has a background color of #a5d1fc.

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

#a5d1fc border color

This element has a border color of #a5d1fc.

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

CSS codes

.text {color:#a5d1fc;}

.background {background-color:#a5d1fc;}

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

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

#000305
```
#000305 rgb(0,3,5)
```
#010c18
```
#010c18 rgb(1,12,24)
```
#01162b
```
#01162b rgb(1,22,43)
```
#02203e
```
#02203e rgb(2,32,62)
```
#032a51
```
#032a51 rgb(3,42,81)
```
#033464
```
#033464 rgb(3,52,100)
```
#043e77
```
#043e77 rgb(4,62,119)
```
#05488a
```
#05488a rgb(5,72,138)
```
#05529d
```
#05529d rgb(5,82,157)
```
#065cb0
```
#065cb0 rgb(6,92,176)
```
#0666c3
```
#0666c3 rgb(6,102,195)
```
#0770d6
```
#0770d6 rgb(7,112,214)
```
#087ae9
```
#087ae9 rgb(8,122,233)
```

Shade Color Variation

#0d83f7
```
#0d83f7 rgb(13,131,247)
```
#208df8
```
#208df8 rgb(32,141,248)
```
#3397f8
```
#3397f8 rgb(51,151,248)
```
#46a0f9
```
#46a0f9 rgb(70,160,249)
```
#59aaf9
```
#59aaf9 rgb(89,170,249)
```
#6cb4fa
```
#6cb4fa rgb(108,180,250)
```
#7fbefb
```
#7fbefb rgb(127,190,251)
```
#92c7fb
```
#92c7fb rgb(146,199,251)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```
#b8dbfd
```
#b8dbfd rgb(184,219,253)
```
#cbe4fd
```
#cbe4fd rgb(203,228,253)
```
#deeefe
```
#deeefe rgb(222,238,254)
```
#f1f8ff
```
#f1f8ff rgb(241,248,255)
```

Tint Color Variation

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

#d0d1d1
```
#d0d1d1 rgb(208,209,209)
```
#ccd1d5
```
#ccd1d5 rgb(204,209,213)
```
#c9d1d8
```
#c9d1d8 rgb(201,209,216)
```
#c5d1dc
```
#c5d1dc rgb(197,209,220)
```
#c2d1df
```
#c2d1df rgb(194,209,223)
```
#bed1e3
```
#bed1e3 rgb(190,209,227)
```
#bad1e7
```
#bad1e7 rgb(186,209,231)
```
#b7d1ea
```
#b7d1ea rgb(183,209,234)
```
#b3d1ee
```
#b3d1ee rgb(179,209,238)
```
#b0d1f1
```
#b0d1f1 rgb(176,209,241)
```
#acd1f5
```
#acd1f5 rgb(172,209,245)
```
#a9d1f8
```
#a9d1f8 rgb(169,209,248)
```
#a5d1fc
```
#a5d1fc rgb(165,209,252)
```

Tone Color Variation

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

#c4cdf8 Protanopia 1% of men
#c7cbff Deuteranopia 1% of men
#a3d7e6 Tritanopia 0.001% of the population

Trichromacy

#b9cef9 Protanomaly 1% of men, 0.01% of women
#bbcdfd Deuteranomaly 6% of men, 0.4% of women
#a3d4ee Tritanomaly 0.01% of the population

#a5d1fc hex color

#a5d1fc Color Information

#a5d1fc Color Conversion

Color Schemes with #a5d1fc

Alternatives to #a5d1fc

#a5d1fc Preview

Shades and Tints of #a5d1fc

Tones of #a5d1fc

Color Blindness Simulator