#add5ff hex color

In a RGB color space, hex #add5ff is composed of 67.8% red, 83.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 32.2% cyan, 16.5% magenta, 0% yellow and 0% black. It has a hue angle of 210.7 degrees, a saturation of 100% and a lightness of 83.9%. #add5ff color hex could be obtained by blending #ffffff with #5babff. 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

● #add5ff color description : Pale blue.

The hexadecimal color #add5ff has RGB values of R:173, G:213, B:255 and CMYK values of C:0.32, M:0.16, Y:0, K:0. Its decimal value is 11392511.

Hex triplet	add5ff	`#add5ff`
RGB Decimal	173, 213, 255	`rgb(173,213,255)`
RGB Percent	67.8, 83.5, 100	`rgb(67.8%,83.5%,100%)`
CMYK	32, 16, 0, 0
HSL	210.7°, 100, 83.9	`hsl(210.7,100%,83.9%)`
HSV (or HSB)	210.7°, 32.2, 100
Web Safe	99ccff	`#99ccff`

CIE-LAB	83.805, -3.492, -24.751
XYZ	59.074, 63.691, 103.783
xyY	0.261, 0.281, 63.691
CIE-LCH	83.805, 24.996, 261.968
CIE-LUV	83.805, -21.364, -39.194
Hunter-Lab	79.807, -7.533, -21.238
Binary	10101101, 11010101, 11111111

#add5ff
```
#add5ff rgb(173,213,255)
```
#ffd7ad
```
#ffd7ad rgb(255,215,173)
```

Complementary Color

#adfeff
```
#adfeff rgb(173,254,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#aeadff
```
#aeadff rgb(174,173,255)
```

Analogous Color

#feffad
```
#feffad rgb(254,255,173)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#ffaead
```
#ffaead rgb(255,174,173)
```

Split Complementary Color

#d5ffad
```
#d5ffad rgb(213,255,173)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#ffadd5
```
#ffadd5 rgb(255,173,213)
```

Triadic Color

#adffd7
```
#adffd7 rgb(173,255,215)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#ffadd5
```
#ffadd5 rgb(255,173,213)
```
#ffd7ad
```
#ffd7ad rgb(255,215,173)
```

Tetradic Color

#61aeff
```
#61aeff rgb(97,174,255)
```
#7abbff
```
#7abbff rgb(122,187,255)
```
#94c8ff
```
#94c8ff rgb(148,200,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#c7e2ff
```
#c7e2ff rgb(199,226,255)
```
#e0efff
```
#e0efff rgb(224,239,255)
```
#fafcff
```
#fafcff rgb(250,252,255)
```

Monochromatic Color

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

#adeaff
```
#adeaff rgb(173,234,255)
```
#ade3ff
```
#ade3ff rgb(173,227,255)
```
#addcff
```
#addcff rgb(173,220,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#adceff
```
#adceff rgb(173,206,255)
```
#adc7ff
```
#adc7ff rgb(173,199,255)
```
#adc1ff
```
#adc1ff rgb(173,193,255)
```

Similar Colors

Text with hexadecimal color #add5ff

This text has a font color of #add5ff.

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

#add5ff background color

This paragraph has a background color of #add5ff.

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

#add5ff border color

This element has a border color of #add5ff.

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

CSS codes

.text {color:#add5ff;}

.background {background-color:#add5ff;}

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

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

#000810
```
#000810 rgb(0,8,16)
```
#001124
```
#001124 rgb(0,17,36)
```
#001b37
```
#001b37 rgb(0,27,55)
```
#00254b
```
#00254b rgb(0,37,75)
```
#002e5f
```
#002e5f rgb(0,46,95)
```
#003872
```
#003872 rgb(0,56,114)
```
#004186
```
#004186 rgb(0,65,134)
```
#004b99
```
#004b99 rgb(0,75,153)
```
#0054ad
```
#0054ad rgb(0,84,173)
```
#005ec1
```
#005ec1 rgb(0,94,193)
```
#0068d4
```
#0068d4 rgb(0,104,212)
```
#0071e8
```
#0071e8 rgb(0,113,232)
```
#007bfb
```
#007bfb rgb(0,123,251)
```

Shade Color Variation

#1085ff
```
#1085ff rgb(16,133,255)
```
#248fff
```
#248fff rgb(36,143,255)
```
#3799ff
```
#3799ff rgb(55,153,255)
```
#4ba3ff
```
#4ba3ff rgb(75,163,255)
```
#5fadff
```
#5fadff rgb(95,173,255)
```
#72b7ff
```
#72b7ff rgb(114,183,255)
```
#86c1ff
```
#86c1ff rgb(134,193,255)
```
#99cbff
```
#99cbff rgb(153,203,255)
```
#add5ff
```
#add5ff rgb(173,213,255)
```
#c1dfff
```
#c1dfff rgb(193,223,255)
```
#d4e9ff
```
#d4e9ff rgb(212,233,255)
```
#e8f3ff
```
#e8f3ff rgb(232,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, #d3d6d9 is the less saturated color, while #add5ff is the most saturated one.

#d3d6d9
```
#d3d6d9 rgb(211,214,217)
```
#d0d6dc
```
#d0d6dc rgb(208,214,220)
```
#cdd6df
```
#cdd6df rgb(205,214,223)
```
#c9d6e3
```
#c9d6e3 rgb(201,214,227)
```
#c6d6e6
```
#c6d6e6 rgb(198,214,230)
```
#c3d6e9
```
#c3d6e9 rgb(195,214,233)
```
#c0d5ec
```
#c0d5ec rgb(192,213,236)
```
#bdd5ef
```
#bdd5ef rgb(189,213,239)
```
#bad5f2
```
#bad5f2 rgb(186,213,242)
```
#b6d5f6
```
#b6d5f6 rgb(182,213,246)
```
#b3d5f9
```
#b3d5f9 rgb(179,213,249)
```
#b0d5fc
```
#b0d5fc rgb(176,213,252)
```
#add5ff
```
#add5ff rgb(173,213,255)
```

Tone Color Variation

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

Dichromacy

#c9d1fb Protanopia 1% of men
#cecfff Deuteranopia 1% of men
#abdaea Tritanopia 0.001% of the population

Trichromacy

#bfd2fc Protanomaly 1% of men, 0.01% of women
#c2d1ff Deuteranomaly 6% of men, 0.4% of women
#acd8f2 Tritanomaly 0.01% of the population

#add5ff hex color

#add5ff Color Information

#add5ff Color Conversion

Color Schemes with #add5ff

Alternatives to #add5ff

#add5ff Preview

Shades and Tints of #add5ff

Tones of #add5ff

Color Blindness Simulator