#add4ef hex color

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

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

● #add4ef color description : Very soft blue.

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

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

CIE-LAB	83.02, -6.766, -17.453
XYZ	56.354, 62.202, 90.693
xyY	0.269, 0.297, 62.202
CIE-LCH	83.02, 18.718, 248.811
CIE-LUV	83.02, -20.664, -26.499
Hunter-Lab	78.868, -10.475, -12.972
Binary	10101101, 11010100, 11101111

#add4ef
```
#add4ef rgb(173,212,239)
```
#efc8ad
```
#efc8ad rgb(239,200,173)
```

Complementary Color

#adefe9
```
#adefe9 rgb(173,239,233)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#adb3ef
```
#adb3ef rgb(173,179,239)
```

Analogous Color

#efe9ad
```
#efe9ad rgb(239,233,173)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#efadb3
```
#efadb3 rgb(239,173,179)
```

Split Complementary Color

#d4efad
```
#d4efad rgb(212,239,173)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#efadd4
```
#efadd4 rgb(239,173,212)
```

Triadic Color

#adefc8
```
#adefc8 rgb(173,239,200)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#efadd4
```
#efadd4 rgb(239,173,212)
```
#efc8ad
```
#efc8ad rgb(239,200,173)
```

Tetradic Color

#6db2e3
```
#6db2e3 rgb(109,178,227)
```
#82bee7
```
#82bee7 rgb(130,190,231)
```
#98c9eb
```
#98c9eb rgb(152,201,235)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#c2dff3
```
#c2dff3 rgb(194,223,243)
```
#d8eaf7
```
#d8eaf7 rgb(216,234,247)
```
#edf6fb
```
#edf6fb rgb(237,246,251)
```

Monochromatic Color

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

#ade5ef
```
#ade5ef rgb(173,229,239)
```
#addfef
```
#addfef rgb(173,223,239)
```
#addaef
```
#addaef rgb(173,218,239)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#adcfef
```
#adcfef rgb(173,207,239)
```
#adc9ef
```
#adc9ef rgb(173,201,239)
```
#adc4ef
```
#adc4ef rgb(173,196,239)
```

Similar Colors

Text with hexadecimal color #add4ef

This text has a font color of #add4ef.

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

#add4ef background color

This paragraph has a background color of #add4ef.

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

#add4ef border color

This element has a border color of #add4ef.

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

CSS codes

.text {color:#add4ef;}

.background {background-color:#add4ef;}

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

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 #eff6fc is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#030b10
```
#030b10 rgb(3,11,16)
```
#061621
```
#061621 rgb(6,22,33)
```
#0a2131
```
#0a2131 rgb(10,33,49)
```
#0d2c42
```
#0d2c42 rgb(13,44,66)
```
#103752
```
#103752 rgb(16,55,82)
```
#134263
```
#134263 rgb(19,66,99)
```
#164d73
```
#164d73 rgb(22,77,115)
```
#1a5883
```
#1a5883 rgb(26,88,131)
```
#1d6394
```
#1d6394 rgb(29,99,148)
```
#206ea4
```
#206ea4 rgb(32,110,164)
```
#2379b5
```
#2379b5 rgb(35,121,181)
```
#2684c5
```
#2684c5 rgb(38,132,197)
```

Shade Color Variation

#2a8fd5
```
#2a8fd5 rgb(42,143,213)
```
#3a98d9
```
#3a98d9 rgb(58,152,217)
```
#4ba0dc
```
#4ba0dc rgb(75,160,220)
```
#5ba9df
```
#5ba9df rgb(91,169,223)
```
#6bb2e2
```
#6bb2e2 rgb(107,178,226)
```
#7cbae5
```
#7cbae5 rgb(124,186,229)
```
#8cc3e9
```
#8cc3e9 rgb(140,195,233)
```
#9dcbec
```
#9dcbec rgb(157,203,236)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#bdddf2
```
#bdddf2 rgb(189,221,242)
```
#cee5f5
```
#cee5f5 rgb(206,229,245)
```
#deeef9
```
#deeef9 rgb(222,238,249)
```
#eff6fc
```
#eff6fc rgb(239,246,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 #9ed7fe 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)
```
#bcd1e0
```
#bcd1e0 rgb(188,209,224)
```
#b8d2e4
```
#b8d2e4 rgb(184,210,228)
```
#b5d3e7
```
#b5d3e7 rgb(181,211,231)
```
#b1d3eb
```
#b1d3eb rgb(177,211,235)
```
#add4ef
```
#add4ef rgb(173,212,239)
```
#a9d5f3
```
#a9d5f3 rgb(169,213,243)
```
#a5d5f7
```
#a5d5f7 rgb(165,213,247)
```
#a2d6fa
```
#a2d6fa rgb(162,214,250)
```
#9ed7fe
```
#9ed7fe rgb(158,215,254)
```

Tone Color Variation

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

Dichromacy

#cccfeb Protanopia 1% of men
#d3ccf3 Deuteranopia 1% of men
#afd7e7 Tritanopia 0.001% of the population

Trichromacy

#c0d1ed Protanomaly 1% of men, 0.01% of women
#c5cff1 Deuteranomaly 6% of men, 0.4% of women
#aed6ea Tritanomaly 0.01% of the population

#add4ef hex color

#add4ef Color Information

#add4ef Color Conversion

Color Schemes with #add4ef

Alternatives to #add4ef

#add4ef Preview

Shades and Tints of #add4ef

Tones of #add4ef

Color Blindness Simulator