#add5df hex color

In a RGB color space, hex #add5df is composed of 67.8% red, 83.5% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 22.4% cyan, 4.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 192 degrees, a saturation of 43.9% and a lightness of 77.6%. #add5df color hex could be obtained by blending #ffffff with #5babbf. Closest websafe color is: #99cccc.

♥
- f
- t
- g
- R 68
- G 84
- B 87
RGB color chart
- C 22
- M 4
- Y 0
- K 13
CMYK color chart

● #add5df color description : Very soft cyan.

The hexadecimal color #add5df has RGB values of R:173, G:213, B:223 and CMYK values of C:0.22, M:0.04, Y:0, K:0.13. Its decimal value is 11392479.

Hex triplet	add5df	`#add5df`
RGB Decimal	173, 213, 223	`rgb(173,213,223)`
RGB Percent	67.8, 83.5, 87.5	`rgb(67.8%,83.5%,87.5%)`
CMYK	22, 4, 0, 13
HSL	192°, 43.9, 77.6	`hsl(192,43.9%,77.6%)`
HSV (or HSB)	192°, 22.4, 87.5
Web Safe	99cccc	`#99cccc`

CIE-LAB	82.806, -10.896, -9.263
XYZ	54.344, 61.799, 78.873
xyY	0.279, 0.317, 61.799
CIE-LCH	82.806, 14.302, 220.37
CIE-LUV	82.806, -20.843, -12.567
Hunter-Lab	78.612, -14.176, -4.458
Binary	10101101, 11010101, 11011111

#add5df
```
#add5df rgb(173,213,223)
```
#dfb7ad
```
#dfb7ad rgb(223,183,173)
```

Complementary Color

#addfd0
```
#addfd0 rgb(173,223,208)
```
#add5df
```
#add5df rgb(173,213,223)
```
#adbcdf
```
#adbcdf rgb(173,188,223)
```

Analogous Color

#dfd0ad
```
#dfd0ad rgb(223,208,173)
```
#add5df
```
#add5df rgb(173,213,223)
```
#dfadbc
```
#dfadbc rgb(223,173,188)
```

Split Complementary Color

#d5dfad
```
#d5dfad rgb(213,223,173)
```
#add5df
```
#add5df rgb(173,213,223)
```
#dfadd5
```
#dfadd5 rgb(223,173,213)
```

Triadic Color

#addfb7
```
#addfb7 rgb(173,223,183)
```
#add5df
```
#add5df rgb(173,213,223)
```
#dfadd5
```
#dfadd5 rgb(223,173,213)
```
#dfb7ad
```
#dfb7ad rgb(223,183,173)
```

Tetradic Color

#76b9ca
```
#76b9ca rgb(118,185,202)
```
#88c2d1
```
#88c2d1 rgb(136,194,209)
```
#9bccd8
```
#9bccd8 rgb(155,204,216)
```
#add5df
```
#add5df rgb(173,213,223)
```
#bfdee6
```
#bfdee6 rgb(191,222,230)
```
#d2e8ed
```
#d2e8ed rgb(210,232,237)
```
#e4f1f4
```
#e4f1f4 rgb(228,241,244)
```

Monochromatic Color

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

#addfdd
```
#addfdd rgb(173,223,221)
```
#addddf
```
#addddf rgb(173,221,223)
```
#add9df
```
#add9df rgb(173,217,223)
```
#add5df
```
#add5df rgb(173,213,223)
```
#add1df
```
#add1df rgb(173,209,223)
```
#adcddf
```
#adcddf rgb(173,205,223)
```
#adc9df
```
#adc9df rgb(173,201,223)
```

Similar Colors

Text with hexadecimal color #add5df

This text has a font color of #add5df.

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

#add5df background color

This paragraph has a background color of #add5df.

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

#add5df border color

This element has a border color of #add5df.

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

CSS codes

.text {color:#add5df;}

.background {background-color:#add5df;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#070f11
```
#070f11 rgb(7,15,17)
```
#0c1b1f
```
#0c1b1f rgb(12,27,31)
```
#12272d
```
#12272d rgb(18,39,45)
```
#17343b
```
#17343b rgb(23,52,59)
```
#1d4049
```
#1d4049 rgb(29,64,73)
```
#224d57
```
#224d57 rgb(34,77,87)
```
#285965
```
#285965 rgb(40,89,101)
```
#2d6574
```
#2d6574 rgb(45,101,116)
```
#337282
```
#337282 rgb(51,114,130)
```
#387e90
```
#387e90 rgb(56,126,144)
```
#3e8b9e
```
#3e8b9e rgb(62,139,158)
```
#4397ac
```
#4397ac rgb(67,151,172)
```

Shade Color Variation

#4aa2b8
```
#4aa2b8 rgb(74,162,184)
```
#58aabe
```
#58aabe rgb(88,170,190)
```
#66b1c3
```
#66b1c3 rgb(102,177,195)
```
#75b8c9
```
#75b8c9 rgb(117,184,201)
```
#83bfce
```
#83bfce rgb(131,191,206)
```
#91c7d4
```
#91c7d4 rgb(145,199,212)
```
#9fced9
```
#9fced9 rgb(159,206,217)
```
#add5df
```
#add5df rgb(173,213,223)
```
#bbdce5
```
#bbdce5 rgb(187,220,229)
```
#c9e3ea
```
#c9e3ea rgb(201,227,234)
```
#d7ebf0
```
#d7ebf0 rgb(215,235,240)
```
#e5f2f5
```
#e5f2f5 rgb(229,242,245)
```
#f4f9fb
```
#f4f9fb rgb(244,249,251)
```

Tint Color Variation

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

#c3c8c9
```
#c3c8c9 rgb(195,200,201)
```
#bfcacd
```
#bfcacd rgb(191,202,205)
```
#bacdd2
```
#bacdd2 rgb(186,205,210)
```
#b6d0d6
```
#b6d0d6 rgb(182,208,214)
```
#b1d2db
```
#b1d2db rgb(177,210,219)
```
#add5df
```
#add5df rgb(173,213,223)
```
#a9d8e3
```
#a9d8e3 rgb(169,216,227)
```
#a4dae8
```
#a4dae8 rgb(164,218,232)
```
#a0ddec
```
#a0ddec rgb(160,221,236)
```
#9be0f1
```
#9be0f1 rgb(155,224,241)
```
#97e2f5
```
#97e2f5 rgb(151,226,245)
```
#93e5f9
```
#93e5f9 rgb(147,229,249)
```
#8ee7fe
```
#8ee7fe rgb(142,231,254)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c4ccce Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0cfdc Protanopia 1% of men
#dacbe4 Deuteranopia 1% of men
#b2d6e5 Tritanopia 0.001% of the population

Trichromacy

#c3d1dd Protanomaly 1% of men, 0.01% of women
#c9cee2 Deuteranomaly 6% of men, 0.4% of women
#b0d5e3 Tritanomaly 0.01% of the population

#add5df hex color

#add5df Color Information

#add5df Color Conversion

Color Schemes with #add5df

Alternatives to #add5df

#add5df Preview

Shades and Tints of #add5df

Tones of #add5df

Color Blindness Simulator