#add5ef hex color

In a RGB color space, hex #add5ef is composed of 67.8% red, 83.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 27.6% cyan, 10.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 203.6 degrees, a saturation of 67.3% and a lightness of 80.8%. #add5ef color hex could be obtained by blending #ffffff with #5babdf. Closest websafe color is: #99ccff.

♥
- f
- t
- g
- R 68
- G 84
- B 94
RGB color chart
- C 28
- M 11
- Y 0
- K 6
CMYK color chart

● #add5ef color description : Very soft blue.

The hexadecimal color #add5ef has RGB values of R:173, G:213, B:239 and CMYK values of C:0.28, M:0.11, Y:0, K:0.06. Its decimal value is 11392495.

Hex triplet	add5ef	`#add5ef`
RGB Decimal	173, 213, 239	`rgb(173,213,239)`
RGB Percent	67.8, 83.5, 93.7	`rgb(67.8%,83.5%,93.7%)`
CMYK	28, 11, 0, 6
HSL	203.6°, 67.3, 80.8	`hsl(203.6,67.3%,80.8%)`
HSV (or HSB)	203.6°, 27.6, 93.7
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.286, -7.288, -17.053
XYZ	56.604, 62.703, 90.777
xyY	0.269, 0.298, 62.703
CIE-LCH	83.286, 18.545, 246.861
CIE-LUV	83.286, -21.097, -25.771
Hunter-Lab	79.185, -10.976, -12.54
Binary	10101101, 11010101, 11101111

#add5ef
```
#add5ef rgb(173,213,239)
```
#efc7ad
```
#efc7ad rgb(239,199,173)
```

Complementary Color

#adefe8
```
#adefe8 rgb(173,239,232)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#adb4ef
```
#adb4ef rgb(173,180,239)
```

Analogous Color

#efe8ad
```
#efe8ad rgb(239,232,173)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#efadb4
```
#efadb4 rgb(239,173,180)
```

Split Complementary Color

#d5efad
```
#d5efad rgb(213,239,173)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#efadd5
```
#efadd5 rgb(239,173,213)
```

Triadic Color

#adefc7
```
#adefc7 rgb(173,239,199)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#efadd5
```
#efadd5 rgb(239,173,213)
```
#efc7ad
```
#efc7ad rgb(239,199,173)
```

Tetradic Color

#6db4e3
```
#6db4e3 rgb(109,180,227)
```
#82bfe7
```
#82bfe7 rgb(130,191,231)
```
#98caeb
```
#98caeb rgb(152,202,235)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#c2e0f3
```
#c2e0f3 rgb(194,224,243)
```
#d8ebf7
```
#d8ebf7 rgb(216,235,247)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```

Monochromatic Color

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

#ade6ef
```
#ade6ef rgb(173,230,239)
```
#ade0ef
```
#ade0ef rgb(173,224,239)
```
#addbef
```
#addbef rgb(173,219,239)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#add0ef
```
#add0ef rgb(173,208,239)
```
#adcaef
```
#adcaef rgb(173,202,239)
```
#adc5ef
```
#adc5ef rgb(173,197,239)
```

Similar Colors

Text with hexadecimal color #add5ef

This text has a font color of #add5ef.

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

#add5ef background color

This paragraph has a background color of #add5ef.

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

#add5ef border color

This element has a border color of #add5ef.

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

CSS codes

.text {color:#add5ef;}

.background {background-color:#add5ef;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030b10
```
#030b10 rgb(3,11,16)
```
#061621
```
#061621 rgb(6,22,33)
```
#0a2231
```
#0a2231 rgb(10,34,49)
```
#0d2d42
```
#0d2d42 rgb(13,45,66)
```
#103852
```
#103852 rgb(16,56,82)
```
#134363
```
#134363 rgb(19,67,99)
```
#164f73
```
#164f73 rgb(22,79,115)
```
#1a5a83
```
#1a5a83 rgb(26,90,131)
```
#1d6594
```
#1d6594 rgb(29,101,148)
```
#2070a4
```
#2070a4 rgb(32,112,164)
```
#237bb5
```
#237bb5 rgb(35,123,181)
```
#2687c5
```
#2687c5 rgb(38,135,197)
```

Shade Color Variation

#2a92d5
```
#2a92d5 rgb(42,146,213)
```
#3a9ad9
```
#3a9ad9 rgb(58,154,217)
```
#4ba3dc
```
#4ba3dc rgb(75,163,220)
```
#5babdf
```
#5babdf rgb(91,171,223)
```
#6bb3e2
```
#6bb3e2 rgb(107,179,226)
```
#7cbce5
```
#7cbce5 rgb(124,188,229)
```
#8cc4e9
```
#8cc4e9 rgb(140,196,233)
```
#9dcdec
```
#9dcdec rgb(157,205,236)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#bdddf2
```
#bdddf2 rgb(189,221,242)
```
#cee6f5
```
#cee6f5 rgb(206,230,245)
```
#deeef9
```
#deeef9 rgb(222,238,249)
```
#eff7fc
```
#eff7fc rgb(239,247,252)
```

Tint Color Variation

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

#cbcfd1
```
#cbcfd1 rgb(203,207,209)
```
#c7cfd5
```
#c7cfd5 rgb(199,207,213)
```
#c4d0d8
```
#c4d0d8 rgb(196,208,216)
```
#c0d1dc
```
#c0d1dc rgb(192,209,220)
```
#bcd2e0
```
#bcd2e0 rgb(188,210,224)
```
#b8d3e4
```
#b8d3e4 rgb(184,211,228)
```
#b5d3e7
```
#b5d3e7 rgb(181,211,231)
```
#b1d4eb
```
#b1d4eb rgb(177,212,235)
```
#add5ef
```
#add5ef rgb(173,213,239)
```
#a9d6f3
```
#a9d6f3 rgb(169,214,243)
```
#a5d7f7
```
#a5d7f7 rgb(165,215,247)
```
#a2d7fa
```
#a2d7fa rgb(162,215,250)
```
#9ed8fe
```
#9ed8fe rgb(158,216,254)
```

Tone Color Variation

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

Dichromacy

#cdd0eb Protanopia 1% of men
#d4cdf3 Deuteranopia 1% of men
#afd8e8 Tritanopia 0.001% of the population

Trichromacy

#c1d2ec Protanomaly 1% of men, 0.01% of women
#c6d0f1 Deuteranomaly 6% of men, 0.4% of women
#aed7ea Tritanomaly 0.01% of the population

#add5ef hex color

#add5ef Color Information

#add5ef Color Conversion

Color Schemes with #add5ef

Alternatives to #add5ef

#add5ef Preview

Shades and Tints of #add5ef

Tones of #add5ef

Color Blindness Simulator