#add6fe hex color

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

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

● #add6fe color description : Very soft blue.

The hexadecimal color #add6fe has RGB values of R:173, G:214, B:254 and CMYK values of C:0.32, M:0.16, Y:0, K:0. Its decimal value is 11392766.

Hex triplet	add6fe	`#add6fe`
RGB Decimal	173, 214, 254	`rgb(173,214,254)`
RGB Percent	67.8, 83.9, 99.6	`rgb(67.8%,83.9%,99.6%)`
CMYK	32, 16, 0, 0
HSL	209.6°, 97.6, 83.7	`hsl(209.6,97.6%,83.7%)`
HSV (or HSB)	209.6°, 31.9, 99.6
Web Safe	99ccff	`#99ccff`

CIE-LAB	84.034, -4.261, -23.872
XYZ	59.166, 64.131, 103.022
xyY	0.261, 0.283, 64.131
CIE-LCH	84.034, 24.25, 259.88
CIE-LUV	84.034, -21.767, -37.613
Hunter-Lab	80.082, -8.265, -20.216
Binary	10101101, 11010110, 11111110

#add6fe
```
#add6fe rgb(173,214,254)
```
#fed5ad
```
#fed5ad rgb(254,213,173)
```

Complementary Color

#adfefe
```
#adfefe rgb(173,254,254)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#adaefe
```
#adaefe rgb(173,174,254)
```

Analogous Color

#fefead
```
#fefead rgb(254,254,173)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#feadae
```
#feadae rgb(254,173,174)
```

Split Complementary Color

#d6fead
```
#d6fead rgb(214,254,173)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#feadd6
```
#feadd6 rgb(254,173,214)
```

Triadic Color

#adfed5
```
#adfed5 rgb(173,254,213)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#feadd6
```
#feadd6 rgb(254,173,214)
```
#fed5ad
```
#fed5ad rgb(254,213,173)
```

Tetradic Color

#61b0fd
```
#61b0fd rgb(97,176,253)
```
#7bbdfd
```
#7bbdfd rgb(123,189,253)
```
#94c9fe
```
#94c9fe rgb(148,201,254)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#c6e3fe
```
#c6e3fe rgb(198,227,254)
```
#dfefff
```
#dfefff rgb(223,239,255)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Monochromatic Color

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

#adeafe
```
#adeafe rgb(173,234,254)
```
#ade4fe
```
#ade4fe rgb(173,228,254)
```
#adddfe
```
#adddfe rgb(173,221,254)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#adcffe
```
#adcffe rgb(173,207,254)
```
#adc9fe
```
#adc9fe rgb(173,201,254)
```
#adc2fe
```
#adc2fe rgb(173,194,254)
```

Similar Colors

Text with hexadecimal color #add6fe

This text has a font color of #add6fe.

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

#add6fe background color

This paragraph has a background color of #add6fe.

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

#add6fe border color

This element has a border color of #add6fe.

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

CSS codes

.text {color:#add6fe;}

.background {background-color:#add6fe;}

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

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

#00080f
```
#00080f rgb(0,8,15)
```
#001222
```
#001222 rgb(0,18,34)
```
#011b36
```
#011b36 rgb(1,27,54)
```
#012549
```
#012549 rgb(1,37,73)
```
#012f5c
```
#012f5c rgb(1,47,92)
```
#013970
```
#013970 rgb(1,57,112)
```
#024383
```
#024383 rgb(2,67,131)
```
#024d97
```
#024d97 rgb(2,77,151)
```
#0257aa
```
#0257aa rgb(2,87,170)
```
#0261bd
```
#0261bd rgb(2,97,189)
```
#036bd1
```
#036bd1 rgb(3,107,209)
```
#0375e4
```
#0375e4 rgb(3,117,228)
```
#037ff7
```
#037ff7 rgb(3,127,247)
```

Shade Color Variation

#1288fc
```
#1288fc rgb(18,136,252)
```
#2592fc
```
#2592fc rgb(37,146,252)
```
#399cfd
```
#399cfd rgb(57,156,253)
```
#4ca6fd
```
#4ca6fd rgb(76,166,253)
```
#5faffd
```
#5faffd rgb(95,175,253)
```
#73b9fd
```
#73b9fd rgb(115,185,253)
```
#86c3fe
```
#86c3fe rgb(134,195,254)
```
#9accfe
```
#9accfe rgb(154,204,254)
```
#add6fe
```
#add6fe rgb(173,214,254)
```
#c0e0fe
```
#c0e0fe rgb(192,224,254)
```
#d4e9fe
```
#d4e9fe rgb(212,233,254)
```
#e7f3ff
```
#e7f3ff rgb(231,243,255)
```
#fbfdff
```
#fbfdff rgb(251,253,255)
```

Tint Color Variation

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

#d3d6d8
```
#d3d6d8 rgb(211,214,216)
```
#d0d6db
```
#d0d6db rgb(208,214,219)
```
#cdd6de
```
#cdd6de rgb(205,214,222)
```
#cad6e1
```
#cad6e1 rgb(202,214,225)
```
#c7d6e4
```
#c7d6e4 rgb(199,214,228)
```
#c3d6e8
```
#c3d6e8 rgb(195,214,232)
```
#c0d6eb
```
#c0d6eb rgb(192,214,235)
```
#bdd6ee
```
#bdd6ee rgb(189,214,238)
```
#bad6f1
```
#bad6f1 rgb(186,214,241)
```
#b7d6f4
```
#b7d6f4 rgb(183,214,244)
```
#b3d6f8
```
#b3d6f8 rgb(179,214,248)
```
#b0d6fb
```
#b0d6fb rgb(176,214,251)
```
#add6fe
```
#add6fe rgb(173,214,254)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c7d0d8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cad2fa Protanopia 1% of men
#cfd0ff Deuteranopia 1% of men
#acdbeb Tritanopia 0.001% of the population

Trichromacy

#bfd3fb Protanomaly 1% of men, 0.01% of women
#c3d2fe Deuteranomaly 6% of men, 0.4% of women
#acd9f2 Tritanomaly 0.01% of the population

#add6fe hex color

#add6fe Color Information

#add6fe Color Conversion

Color Schemes with #add6fe

Alternatives to #add6fe

#add6fe Preview

Shades and Tints of #add6fe

Tones of #add6fe

Color Blindness Simulator