#add2fc hex color

In a RGB color space, hex #add2fc is composed of 67.8% red, 82.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 16.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 211.9 degrees, a saturation of 92.9% and a lightness of 83.3%. #add2fc color hex could be obtained by blending #ffffff with #5ba5f9. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 82
- B 99
RGB color chart
- C 31
- M 17
- Y 0
- K 1
CMYK color chart

● #add2fc color description : Very soft blue.

The hexadecimal color #add2fc has RGB values of R:173, G:210, B:252 and CMYK values of C:0.31, M:0.17, Y:0, K:0.01. Its decimal value is 11391740.

Hex triplet	add2fc	`#add2fc`
RGB Decimal	173, 210, 252	`rgb(173,210,252)`
RGB Percent	67.8, 82.4, 98.8	`rgb(67.8%,82.4%,98.8%)`
CMYK	31, 17, 0, 1
HSL	211.9°, 92.9, 83.3	`hsl(211.9,92.9%,83.3%)`
HSV (or HSB)	211.9°, 31.3, 98.8
Web Safe	99ccff	`#99ccff`

CIE-LAB	82.916, -2.635, -24.515
XYZ	57.847, 62.004, 101.01
xyY	0.262, 0.281, 62.004
CIE-LCH	82.916, 24.656, 263.865
CIE-LUV	82.916, -20.048, -38.874
Hunter-Lab	78.743, -6.667, -20.937
Binary	10101101, 11010010, 11111100

#add2fc
```
#add2fc rgb(173,210,252)
```
#fcd7ad
```
#fcd7ad rgb(252,215,173)
```

Complementary Color

#adfafc
```
#adfafc rgb(173,250,252)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#b0adfc
```
#b0adfc rgb(176,173,252)
```

Analogous Color

#fafcad
```
#fafcad rgb(250,252,173)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#fcb0ad
```
#fcb0ad rgb(252,176,173)
```

Split Complementary Color

#d2fcad
```
#d2fcad rgb(210,252,173)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#fcadd2
```
#fcadd2 rgb(252,173,210)
```

Triadic Color

#adfcd7
```
#adfcd7 rgb(173,252,215)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#fcadd2
```
#fcadd2 rgb(252,173,210)
```
#fcd7ad
```
#fcd7ad rgb(252,215,173)
```

Tetradic Color

#63aaf9
```
#63aaf9 rgb(99,170,249)
```
#7cb7fa
```
#7cb7fa rgb(124,183,250)
```
#94c5fb
```
#94c5fb rgb(148,197,251)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#c6e0fd
```
#c6e0fd rgb(198,224,253)
```
#deedfe
```
#deedfe rgb(222,237,254)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Monochromatic Color

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

#ade6fc
```
#ade6fc rgb(173,230,252)
```
#addffc
```
#addffc rgb(173,223,252)
```
#add9fc
```
#add9fc rgb(173,217,252)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#adcbfc
```
#adcbfc rgb(173,203,252)
```
#adc5fc
```
#adc5fc rgb(173,197,252)
```
#adbefc
```
#adbefc rgb(173,190,252)
```

Similar Colors

Text with hexadecimal color #add2fc

This text has a font color of #add2fc.

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

#add2fc background color

This paragraph has a background color of #add2fc.

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

#add2fc border color

This element has a border color of #add2fc.

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

CSS codes

.text {color:#add2fc;}

.background {background-color:#add2fc;}

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

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, #00060d is the darkest color, while #f9fcff is the lightest one.

#00060d
```
#00060d rgb(0,6,13)
```
#010f20
```
#010f20 rgb(1,15,32)
```
#021932
```
#021932 rgb(2,25,50)
```
#032245
```
#032245 rgb(3,34,69)
```
#032b58
```
#032b58 rgb(3,43,88)
```
#04346b
```
#04346b rgb(4,52,107)
```
#053e7e
```
#053e7e rgb(5,62,126)
```
#054791
```
#054791 rgb(5,71,145)
```
#0650a4
```
#0650a4 rgb(6,80,164)
```
#0759b7
```
#0759b7 rgb(7,89,183)
```
#0762ca
```
#0762ca rgb(7,98,202)
```
#086cdd
```
#086cdd rgb(8,108,221)
```
#0975f0
```
#0975f0 rgb(9,117,240)
```

Shade Color Variation

#167ff6
```
#167ff6 rgb(22,127,246)
```
#2989f7
```
#2989f7 rgb(41,137,247)
```
#3b94f8
```
#3b94f8 rgb(59,148,248)
```
#4e9ef9
```
#4e9ef9 rgb(78,158,249)
```
#61a8f9
```
#61a8f9 rgb(97,168,249)
```
#74b3fa
```
#74b3fa rgb(116,179,250)
```
#87bdfb
```
#87bdfb rgb(135,189,251)
```
#9ac8fb
```
#9ac8fb rgb(154,200,251)
```
#add2fc
```
#add2fc rgb(173,210,252)
```
#c0dcfd
```
#c0dcfd rgb(192,220,253)
```
#d3e7fd
```
#d3e7fd rgb(211,231,253)
```
#e6f1fe
```
#e6f1fe rgb(230,241,254)
```
#f9fcff
```
#f9fcff rgb(249,252,255)
```

Tint Color Variation

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

#d4d4d5
```
#d4d4d5 rgb(212,212,213)
```
#d1d4d8
```
#d1d4d8 rgb(209,212,216)
```
#ced4db
```
#ced4db rgb(206,212,219)
```
#cad4df
```
#cad4df rgb(202,212,223)
```
#c7d4e2
```
#c7d4e2 rgb(199,212,226)
```
#c4d3e5
```
#c4d3e5 rgb(196,211,229)
```
#c1d3e8
```
#c1d3e8 rgb(193,211,232)
```
#bdd3ec
```
#bdd3ec rgb(189,211,236)
```
#bad3ef
```
#bad3ef rgb(186,211,239)
```
#b7d3f2
```
#b7d3f2 rgb(183,211,242)
```
#b4d2f5
```
#b4d2f5 rgb(180,210,245)
```
#b0d2f9
```
#b0d2f9 rgb(176,210,249)
```
#add2fc
```
#add2fc rgb(173,210,252)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6cdd6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7cff8 Protanopia 1% of men
#cbcdfe Deuteranopia 1% of men
#abd8e7 Tritanopia 0.001% of the population

Trichromacy

#bdd0fa Protanomaly 1% of men, 0.01% of women
#c0cefd Deuteranomaly 6% of men, 0.4% of women
#acd5ef Tritanomaly 0.01% of the population

#add2fc hex color

#add2fc Color Information

#add2fc Color Conversion

Color Schemes with #add2fc

Alternatives to #add2fc

#add2fc Preview

Shades and Tints of #add2fc

Tones of #add2fc

Color Blindness Simulator