#add2f5 Color Information
In a RGB color space, hex #add2f5 is composed of 67.8% red, 82.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 29.4% cyan, 14.3% magenta, 0% yellow and 3.9% black. It has a hue angle of 209.2 degrees, a saturation of 78.3% and a lightness of 82%. #add2f5 color hex could be obtained by blending #ffffff with #5ba5eb. Closest websafe color is: #99ccff.
-
- R 68
- G 82
- B 96
-
- C 29
- M 14
- Y 0
- K 4
● #add2f5 color description : Very soft blue.
#add2f5 Color Conversion
The hexadecimal color #add2f5 has RGB values of R:173, G:210, B:245 and CMYK values of C:0.29, M:0.14, Y:0, K:0.04. Its decimal value is 11391733.
Hex triplet | add2f5 | #add2f5 |
---|---|---|
RGB Decimal | 173, 210, 245 | rgb(173,210,245) |
RGB Percent | 67.8, 82.4, 96.1 | rgb(67.8%,82.4%,96.1%) |
CMYK | 29, 14, 0, 4 | |
HSL | 209.2°, 78.3, 82 | hsl(209.2,78.3%,82%) |
HSV (or HSB) | 209.2°, 29.4, 96.1 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 82.683, -4.31, -21.151 |
---|---|
XYZ | 56.758, 61.568, 95.275 |
xyY | 0.266, 0.288, 61.568 |
CIE-LCH | 82.683, 21.585, 258.482 |
CIE-LUV | 82.683, -19.912, -32.981 |
Hunter-Lab | 78.465, -8.197, -17.065 |
Binary | 10101101, 11010010, 11110101 |
Color Schemes with #add2f5
Alternatives to #add2f5
Below, you can see some colors close to #add2f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#add2f5 Preview
This text has a font color of #add2f5.
<span style="color:#add2f5;">Text here</span>
This paragraph has a background color of #add2f5.
<p style="background-color:#add2f5;">Content here</p>
This element has a border color of #add2f5.
<div style="border:1px solid #add2f5;">Content here</div>
.text {color:#add2f5;}
.background {background-color:#add2f5;}
.border {border:1px solid #add2f5;}
Shades and Tints of #add2f5
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, #010305 is the darkest color, while #f3f8fe is the lightest one.
-
#010305
#010305
rgb(1,3,5)
-
#030d17
#030d17
rgb(3,13,23)
-
#051728
#051728
rgb(5,23,40)
-
#07213a
#07213a
rgb(7,33,58)
-
#092b4b
#092b4b
rgb(9,43,75)
-
#0b355d
#0b355d
rgb(11,53,93)
-
#0d3f6e
#0d3f6e
rgb(13,63,110)
-
#104980
#104980
rgb(16,73,128)
-
#125391
#125391
rgb(18,83,145)
-
#145da3
#145da3
rgb(20,93,163)
-
#1667b4
#1667b4
rgb(22,103,180)
-
#1871c6
#1871c6
rgb(24,113,198)
-
#1a7bd7
#1a7bd7
rgb(26,123,215)
-
#2185e4
#2185e4
rgb(33,133,228)
-
#338fe6
#338fe6
rgb(51,143,230)
-
#4498e8
#4498e8
rgb(68,152,232)
-
#56a2ea
#56a2ea
rgb(86,162,234)
-
#67acec
#67acec
rgb(103,172,236)
-
#79b5ef
#79b5ef
rgb(121,181,239)
-
#8abff1
#8abff1
rgb(138,191,241)
-
#9cc8f3
#9cc8f3
rgb(156,200,243)
-
#add2f5
#add2f5
rgb(173,210,245)
-
#bedcf7
#bedcf7
rgb(190,220,247)
-
#d0e5f9
#d0e5f9
rgb(208,229,249)
-
#e1effb
#e1effb
rgb(225,239,251)
-
#f3f8fe
#f3f8fe
rgb(243,248,254)
Tones of #add2f5
A tone is produced by adding gray to any pure hue. In this case, #d0d1d2 is the less saturated color, while #a6d2fc is the most saturated one.
-
#d0d1d2
#d0d1d2
rgb(208,209,210)
-
#cdd1d5
#cdd1d5
rgb(205,209,213)
-
#c9d1d9
#c9d1d9
rgb(201,209,217)
-
#c6d1dc
#c6d1dc
rgb(198,209,220)
-
#c2d1e0
#c2d1e0
rgb(194,209,224)
-
#bfd2e3
#bfd2e3
rgb(191,210,227)
-
#bbd2e7
#bbd2e7
rgb(187,210,231)
-
#b8d2ea
#b8d2ea
rgb(184,210,234)
-
#b4d2ee
#b4d2ee
rgb(180,210,238)
-
#b1d2f1
#b1d2f1
rgb(177,210,241)
-
#add2f5
#add2f5
rgb(173,210,245)
-
#a9d2f9
#a9d2f9
rgb(169,210,249)
-
#a6d2fc
#a6d2fc
rgb(166,210,252)
Color Blindness Simulator
Below, you can see how #add2f5 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.