#add5fd Color Information
In a RGB color space, hex #add5fd is composed of 67.8% red, 83.5% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 31.6% cyan, 15.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 210 degrees, a saturation of 95.2% and a lightness of 83.5%. #add5fd color hex could be obtained by blending #ffffff with #5babfb. Closest websafe color is: #99ccff.
-
- R 68
- G 84
- B 99
-
- C 32
- M 16
- Y 0
- K 1
● #add5fd color description : Very soft blue.
#add5fd Color Conversion
The hexadecimal color #add5fd has RGB values of R:173, G:213, B:253 and CMYK values of C:0.32, M:0.16, Y:0, K:0.01. Its decimal value is 11392509.
Hex triplet | add5fd | #add5fd |
---|---|---|
RGB Decimal | 173, 213, 253 | rgb(173,213,253) |
RGB Percent | 67.8, 83.5, 99.2 | rgb(67.8%,83.5%,99.2%) |
CMYK | 32, 16, 0, 1 | |
HSL | 210°, 95.2, 83.5 | hsl(210,95.2%,83.5%) |
HSV (or HSB) | 210°, 31.6, 99.2 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.738, -3.976, -23.794 |
---|---|
XYZ | 58.754, 63.563, 102.096 |
xyY | 0.262, 0.283, 63.563 |
CIE-LCH | 83.738, 24.124, 260.513 |
CIE-LUV | 83.738, -21.33, -37.508 |
Hunter-Lab | 79.726, -7.977, -20.118 |
Binary | 10101101, 11010101, 11111101 |
Color Schemes with #add5fd
Alternatives to #add5fd
Below, you can see some colors close to #add5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#add5fd Preview
This text has a font color of #add5fd.
<span style="color:#add5fd;">Text here</span>
This paragraph has a background color of #add5fd.
<p style="background-color:#add5fd;">Content here</p>
This element has a border color of #add5fd.
<div style="border:1px solid #add5fd;">Content here</div>
.text {color:#add5fd;}
.background {background-color:#add5fd;}
.border {border:1px solid #add5fd;}
Shades and Tints of #add5fd
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, #00070e is the darkest color, while #fafcff is the lightest one.
-
#00070e
#00070e
rgb(0,7,14)
-
#011121
#011121
rgb(1,17,33)
-
#011b34
#011b34
rgb(1,27,52)
-
#022447
#022447
rgb(2,36,71)
-
#022e5a
#022e5a
rgb(2,46,90)
-
#03386d
#03386d
rgb(3,56,109)
-
#034281
#034281
rgb(3,66,129)
-
#044c94
#044c94
rgb(4,76,148)
-
#0456a7
#0456a7
rgb(4,86,167)
-
#055fba
#055fba
rgb(5,95,186)
-
#0569cd
#0569cd
rgb(5,105,205)
-
#0573e0
#0573e0
rgb(5,115,224)
-
#067df4
#067df4
rgb(6,125,244)
-
#1487f9
#1487f9
rgb(20,135,249)
-
#2790fa
#2790fa
rgb(39,144,250)
-
#3a9afa
#3a9afa
rgb(58,154,250)
-
#4da4fb
#4da4fb
rgb(77,164,251)
-
#60aefb
#60aefb
rgb(96,174,251)
-
#74b8fc
#74b8fc
rgb(116,184,252)
-
#87c1fc
#87c1fc
rgb(135,193,252)
-
#9acbfd
#9acbfd
rgb(154,203,253)
-
#add5fd
#add5fd
rgb(173,213,253)
-
#c0dffd
#c0dffd
rgb(192,223,253)
-
#d3e9fe
#d3e9fe
rgb(211,233,254)
-
#e6f2fe
#e6f2fe
rgb(230,242,254)
-
#fafcff
#fafcff
rgb(250,252,255)
Tones of #add5fd
A tone is produced by adding gray to any pure hue. In this case, #d4d5d6 is the less saturated color, while #add5fd is the most saturated one.
-
#d4d5d6
#d4d5d6
rgb(212,213,214)
-
#d1d5d9
#d1d5d9
rgb(209,213,217)
-
#cdd5dd
#cdd5dd
rgb(205,213,221)
-
#cad5e0
#cad5e0
rgb(202,213,224)
-
#c7d5e3
#c7d5e3
rgb(199,213,227)
-
#c4d5e6
#c4d5e6
rgb(196,213,230)
-
#c0d5ea
#c0d5ea
rgb(192,213,234)
-
#bdd5ed
#bdd5ed
rgb(189,213,237)
-
#bad5f0
#bad5f0
rgb(186,213,240)
-
#b7d5f3
#b7d5f3
rgb(183,213,243)
-
#b3d5f7
#b3d5f7
rgb(179,213,247)
-
#b0d5fa
#b0d5fa
rgb(176,213,250)
-
#add5fd
#add5fd
rgb(173,213,253)
Color Blindness Simulator
Below, you can see how #add5fd 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.