#add1fe hex color

In a RGB color space, hex #add1fe is composed of 67.8% red, 82% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 31.9% cyan, 17.7% magenta, 0% yellow and 0.4% black. It has a hue angle of 213.3 degrees, a saturation of 97.6% and a lightness of 83.7%. #add1fe color hex could be obtained by blending #ffffff with #5ba3fd. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 82
- B 100
RGB color chart
- C 32
- M 18
- Y 0
- K 0
CMYK color chart

● #add1fe color description : Very soft blue.

The hexadecimal color #add1fe has RGB values of R:173, G:209, B:254 and CMYK values of C:0.32, M:0.18, Y:0, K:0. Its decimal value is 11391486.

Hex triplet	add1fe	`#add1fe`
RGB Decimal	173, 209, 254	`rgb(173,209,254)`
RGB Percent	67.8, 82, 99.6	`rgb(67.8%,82%,99.6%)`
CMYK	32, 18, 0, 0
HSL	213.3°, 97.6, 83.7	`hsl(213.3,97.6%,83.7%)`
HSV (or HSB)	213.3°, 31.9, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.721, -1.62, -25.872
XYZ	57.92, 61.639, 102.606
xyY	0.261, 0.277, 61.639
CIE-LCH	82.721, 25.922, 266.417
CIE-LUV	82.721, -19.668, -41.299
Hunter-Lab	78.511, -5.709, -22.529
Binary	10101101, 11010001, 11111110

#add1fe
```
#add1fe rgb(173,209,254)
```
#fedaad
```
#fedaad rgb(254,218,173)
```

Complementary Color

#adfafe
```
#adfafe rgb(173,250,254)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#b2adfe
```
#b2adfe rgb(178,173,254)
```

Analogous Color

#fafead
```
#fafead rgb(250,254,173)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#feb2ad
```
#feb2ad rgb(254,178,173)
```

Split Complementary Color

#d1fead
```
#d1fead rgb(209,254,173)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#feadd1
```
#feadd1 rgb(254,173,209)
```

Triadic Color

#adfeda
```
#adfeda rgb(173,254,218)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#feadd1
```
#feadd1 rgb(254,173,209)
```
#fedaad
```
#fedaad rgb(254,218,173)
```

Tetradic Color

#61a7fd
```
#61a7fd rgb(97,167,253)
```
#7bb5fd
```
#7bb5fd rgb(123,181,253)
```
#94c3fe
```
#94c3fe rgb(148,195,254)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#c6dffe
```
#c6dffe rgb(198,223,254)
```
#dfedff
```
#dfedff rgb(223,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Monochromatic Color

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

#ade5fe
```
#ade5fe rgb(173,229,254)
```
#addffe
```
#addffe rgb(173,223,254)
```
#add8fe
```
#add8fe rgb(173,216,254)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#adcafe
```
#adcafe rgb(173,202,254)
```
#adc4fe
```
#adc4fe rgb(173,196,254)
```
#adbdfe
```
#adbdfe rgb(173,189,254)
```

Similar Colors

Text with hexadecimal color #add1fe

This text has a font color of #add1fe.

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

#add1fe background color

This paragraph has a background color of #add1fe.

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

#add1fe border color

This element has a border color of #add1fe.

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

CSS codes

.text {color:#add1fe;}

.background {background-color:#add1fe;}

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

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, #00070f is the darkest color, while #fbfcff is the lightest one.

#00070f
```
#00070f rgb(0,7,15)
```
#000f22
```
#000f22 rgb(0,15,34)
```
#011836
```
#011836 rgb(1,24,54)
```
#012149
```
#012149 rgb(1,33,73)
```
#012a5c
```
#012a5c rgb(1,42,92)
```
#013270
```
#013270 rgb(1,50,112)
```
#023b83
```
#023b83 rgb(2,59,131)
```
#024497
```
#024497 rgb(2,68,151)
```
#024daa
```
#024daa rgb(2,77,170)
```
#0255bd
```
#0255bd rgb(2,85,189)
```
#035ed1
```
#035ed1 rgb(3,94,209)
```
#0367e4
```
#0367e4 rgb(3,103,228)
```
#0370f7
```
#0370f7 rgb(3,112,247)
```

Shade Color Variation

#127afc
```
#127afc rgb(18,122,252)
```
#2585fc
```
#2585fc rgb(37,133,252)
```
#3990fd
```
#3990fd rgb(57,144,253)
```
#4c9bfd
```
#4c9bfd rgb(76,155,253)
```
#5fa6fd
```
#5fa6fd rgb(95,166,253)
```
#73b0fd
```
#73b0fd rgb(115,176,253)
```
#86bbfe
```
#86bbfe rgb(134,187,254)
```
#9ac6fe
```
#9ac6fe rgb(154,198,254)
```
#add1fe
```
#add1fe rgb(173,209,254)
```
#c0dcfe
```
#c0dcfe rgb(192,220,254)
```
#d4e7fe
```
#d4e7fe rgb(212,231,254)
```
#e7f2ff
```
#e7f2ff rgb(231,242,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#d3d5d8
```
#d3d5d8 rgb(211,213,216)
```
#d0d5db
```
#d0d5db rgb(208,213,219)
```
#cdd5de
```
#cdd5de rgb(205,213,222)
```
#cad4e1
```
#cad4e1 rgb(202,212,225)
```
#c7d4e4
```
#c7d4e4 rgb(199,212,228)
```
#c3d3e8
```
#c3d3e8 rgb(195,211,232)
```
#c0d3eb
```
#c0d3eb rgb(192,211,235)
```
#bdd3ee
```
#bdd3ee rgb(189,211,238)
```
#bad2f1
```
#bad2f1 rgb(186,210,241)
```
#b7d2f4
```
#b7d2f4 rgb(183,210,244)
```
#b3d2f8
```
#b3d2f8 rgb(179,210,248)
```
#b0d1fb
```
#b0d1fb rgb(176,209,251)
```
#add1fe
```
#add1fe rgb(173,209,254)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#c5ccd5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5cefb Protanopia 1% of men
#c9ccff Deuteranopia 1% of men
#aad7e7 Tritanopia 0.001% of the population

Trichromacy

#bccffc Protanomaly 1% of men, 0.01% of women
#bfcefe Deuteranomaly 6% of men, 0.4% of women
#abd5ef Tritanomaly 0.01% of the population

#add1fe hex color

#add1fe Color Information

#add1fe Color Conversion

Color Schemes with #add1fe

Alternatives to #add1fe

#add1fe Preview

Shades and Tints of #add1fe

Tones of #add1fe

Color Blindness Simulator