#a1d5fe hex color

In a RGB color space, hex #a1d5fe is composed of 63.1% red, 83.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 16.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 206.5 degrees, a saturation of 97.9% and a lightness of 81.4%. #a1d5fe color hex could be obtained by blending #ffffff with #43abfd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 63
- G 84
- B 100
RGB color chart
- C 37
- M 16
- Y 0
- K 0
CMYK color chart

● #a1d5fe color description : Very soft blue.

The hexadecimal color #a1d5fe has RGB values of R:161, G:213, B:254 and CMYK values of C:0.37, M:0.16, Y:0, K:0. Its decimal value is 10606078.

Hex triplet	a1d5fe	`#a1d5fe`
RGB Decimal	161, 213, 254	`rgb(161,213,254)`
RGB Percent	63.1, 83.5, 99.6	`rgb(63.1%,83.5%,99.6%)`
CMYK	37, 16, 0, 0
HSL	206.5°, 97.9, 81.4	`hsl(206.5,97.9%,81.4%)`
HSV (or HSB)	206.5°, 36.6, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.083, -6.975, -25.383
XYZ	56.377, 62.319, 102.819
xyY	0.255, 0.281, 62.319
CIE-LCH	83.083, 26.324, 254.635
CIE-LUV	83.083, -26.267, -39.715
Hunter-Lab	78.942, -10.672, -21.963
Binary	10100001, 11010101, 11111110

#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#fecaa1
```
#fecaa1 rgb(254,202,161)
```

Complementary Color

#a1fef9
```
#a1fef9 rgb(161,254,249)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#a1a7fe
```
#a1a7fe rgb(161,167,254)
```

Analogous Color

#fef9a1
```
#fef9a1 rgb(254,249,161)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#fea1a7
```
#fea1a7 rgb(254,161,167)
```

Split Complementary Color

#d5fea1
```
#d5fea1 rgb(213,254,161)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#fea1d5
```
#fea1d5 rgb(254,161,213)
```

Triadic Color

#a1feca
```
#a1feca rgb(161,254,202)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#fea1d5
```
#fea1d5 rgb(254,161,213)
```
#fecaa1
```
#fecaa1 rgb(254,202,161)
```

Tetradic Color

#55b3fd
```
#55b3fd rgb(85,179,253)
```
#6fbefd
```
#6fbefd rgb(111,190,253)
```
#88cafe
```
#88cafe rgb(136,202,254)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#bae0fe
```
#bae0fe rgb(186,224,254)
```
#d3ecff
```
#d3ecff rgb(211,236,255)
```
#edf7ff
```
#edf7ff rgb(237,247,255)
```

Monochromatic Color

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

#a1ecfe
```
#a1ecfe rgb(161,236,254)
```
#a1e5fe
```
#a1e5fe rgb(161,229,254)
```
#a1ddfe
```
#a1ddfe rgb(161,221,254)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#a1cdfe
```
#a1cdfe rgb(161,205,254)
```
#a1c6fe
```
#a1c6fe rgb(161,198,254)
```
#a1befe
```
#a1befe rgb(161,190,254)
```

Similar Colors

Text with hexadecimal color #a1d5fe

This text has a font color of #a1d5fe.

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

#a1d5fe background color

This paragraph has a background color of #a1d5fe.

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

#a1d5fe border color

This element has a border color of #a1d5fe.

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

CSS codes

.text {color:#a1d5fe;}

.background {background-color:#a1d5fe;}

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000d16
```
#000d16 rgb(0,13,22)
```
#00182a
```
#00182a rgb(0,24,42)
```
#01233d
```
#01233d rgb(1,35,61)
```
#012d51
```
#012d51 rgb(1,45,81)
```
#013864
```
#013864 rgb(1,56,100)
```
#014377
```
#014377 rgb(1,67,119)
```
#014e8b
```
#014e8b rgb(1,78,139)
```
#02599e
```
#02599e rgb(2,89,158)
```
#0264b2
```
#0264b2 rgb(2,100,178)
```
#026fc5
```
#026fc5 rgb(2,111,197)
```
#027ad9
```
#027ad9 rgb(2,122,217)
```
#0385ec
```
#0385ec rgb(3,133,236)
```

Shade Color Variation

#0690fc
```
#0690fc rgb(6,144,252)
```
#1998fd
```
#1998fd rgb(25,152,253)
```
#2da1fd
```
#2da1fd rgb(45,161,253)
```
#40aafd
```
#40aafd rgb(64,170,253)
```
#53b2fd
```
#53b2fd rgb(83,178,253)
```
#67bbfd
```
#67bbfd rgb(103,187,253)
```
#7ac4fe
```
#7ac4fe rgb(122,196,254)
```
#8eccfe
```
#8eccfe rgb(142,204,254)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```
#b4defe
```
#b4defe rgb(180,222,254)
```
#c8e6fe
```
#c8e6fe rgb(200,230,254)
```
#dbefff
```
#dbefff rgb(219,239,255)
```
#eff8ff
```
#eff8ff rgb(239,248,255)
```

Tint Color Variation

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

#cdd0d2
```
#cdd0d2 rgb(205,208,210)
```
#c9d0d6
```
#c9d0d6 rgb(201,208,214)
```
#c6d1d9
```
#c6d1d9 rgb(198,209,217)
```
#c2d1dd
```
#c2d1dd rgb(194,209,221)
```
#bed2e1
```
#bed2e1 rgb(190,210,225)
```
#bbd2e4
```
#bbd2e4 rgb(187,210,228)
```
#b7d2e8
```
#b7d2e8 rgb(183,210,232)
```
#b3d3ec
```
#b3d3ec rgb(179,211,236)
```
#b0d3ef
```
#b0d3ef rgb(176,211,239)
```
#acd4f3
```
#acd4f3 rgb(172,212,243)
```
#a8d4f7
```
#a8d4f7 rgb(168,212,247)
```
#a5d5fa
```
#a5d5fa rgb(165,213,250)
```
#a1d5fe
```
#a1d5fe rgb(161,213,254)
```

Tone Color Variation

Below, you can see how #a1d5fe 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
#c2ccd4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cff9 Protanopia 1% of men
#cacdff Deuteranopia 1% of men
#9fdaea Tritanopia 0.001% of the population

Trichromacy

#b9d1fb Protanomaly 1% of men, 0.01% of women
#bbd0fe Deuteranomaly 6% of men, 0.4% of women
#a0d8f1 Tritanomaly 0.01% of the population

#a1d5fe hex color

#a1d5fe Color Information

#a1d5fe Color Conversion

Color Schemes with #a1d5fe

Alternatives to #a1d5fe

#a1d5fe Preview

Shades and Tints of #a1d5fe

Tones of #a1d5fe

Color Blindness Simulator