#abd6f2 Color Information
In a RGB color space, hex #abd6f2 is composed of 67.1% red, 83.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 11.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 203.7 degrees, a saturation of 73.2% and a lightness of 81%. #abd6f2 color hex could be obtained by blending #ffffff with #57ade5. Closest websafe color is: #99ccff.
-
- R 67
- G 84
- B 95
-
- C 29
- M 12
- Y 0
- K 5
● #abd6f2 color description : Very soft blue.
#abd6f2 Color Conversion
The hexadecimal color #abd6f2 has RGB values of R:171, G:214, B:242 and CMYK values of C:0.29, M:0.12, Y:0, K:0.05. Its decimal value is 11261682.
Hex triplet | abd6f2 | #abd6f2 |
---|---|---|
RGB Decimal | 171, 214, 242 | rgb(171,214,242) |
RGB Percent | 67.1, 83.9, 94.9 | rgb(67.1%,83.9%,94.9%) |
CMYK | 29, 12, 0, 5 | |
HSL | 203.7°, 73.2, 81 | hsl(203.7,73.2%,81%) |
HSV (or HSB) | 203.7°, 29.3, 94.9 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 83.527, -7.681, -18.295 |
---|---|
XYZ | 56.865, 63.16, 93.194 |
xyY | 0.267, 0.296, 63.16 |
CIE-LCH | 83.527, 19.842, 247.225 |
CIE-LUV | 83.527, -22.445, -27.769 |
Hunter-Lab | 79.473, -11.358, -13.895 |
Binary | 10101011, 11010110, 11110010 |
Color Schemes with #abd6f2
Alternatives to #abd6f2
Below, you can see some colors close to #abd6f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#abd6f2 Preview
This text has a font color of #abd6f2.
<span style="color:#abd6f2;">Text here</span>
This paragraph has a background color of #abd6f2.
<p style="background-color:#abd6f2;">Content here</p>
This element has a border color of #abd6f2.
<div style="border:1px solid #abd6f2;">Content here</div>
.text {color:#abd6f2;}
.background {background-color:#abd6f2;}
.border {border:1px solid #abd6f2;}
Shades and Tints of #abd6f2
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, #000101 is the darkest color, while #eff7fd is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#030c12
#030c12
rgb(3,12,18)
-
#051723
#051723
rgb(5,23,35)
-
#082334
#082334
rgb(8,35,52)
-
#0b2e45
#0b2e45
rgb(11,46,69)
-
#0d3956
#0d3956
rgb(13,57,86)
-
#104567
#104567
rgb(16,69,103)
-
#135078
#135078
rgb(19,80,120)
-
#155b89
#155b89
rgb(21,91,137)
-
#18679a
#18679a
rgb(24,103,154)
-
#1a72ab
#1a72ab
rgb(26,114,171)
-
#1d7dbc
#1d7dbc
rgb(29,125,188)
-
#2089cd
#2089cd
rgb(32,137,205)
-
#2394dd
#2394dd
rgb(35,148,221)
-
#349ce0
#349ce0
rgb(52,156,224)
-
#45a4e2
#45a4e2
rgb(69,164,226)
-
#56ade5
#56ade5
rgb(86,173,229)
-
#67b5e7
#67b5e7
rgb(103,181,231)
-
#78bdea
#78bdea
rgb(120,189,234)
-
#89c5ed
#89c5ed
rgb(137,197,237)
-
#9aceef
#9aceef
rgb(154,206,239)
-
#abd6f2
#abd6f2
rgb(171,214,242)
-
#bcdef5
#bcdef5
rgb(188,222,245)
-
#cde7f7
#cde7f7
rgb(205,231,247)
-
#deeffa
#deeffa
rgb(222,239,250)
-
#eff7fd
#eff7fd
rgb(239,247,253)
Tones of #abd6f2
A tone is produced by adding gray to any pure hue. In this case, #cdcfd0 is the less saturated color, while #a0d8fd is the most saturated one.
-
#cdcfd0
#cdcfd0
rgb(205,207,208)
-
#c9d0d4
#c9d0d4
rgb(201,208,212)
-
#c5d0d8
#c5d0d8
rgb(197,208,216)
-
#c1d1dc
#c1d1dc
rgb(193,209,220)
-
#bed2df
#bed2df
rgb(190,210,223)
-
#bad3e3
#bad3e3
rgb(186,211,227)
-
#b6d4e7
#b6d4e7
rgb(182,212,231)
-
#b2d4eb
#b2d4eb
rgb(178,212,235)
-
#afd5ee
#afd5ee
rgb(175,213,238)
-
#abd6f2
#abd6f2
rgb(171,214,242)
-
#a7d7f6
#a7d7f6
rgb(167,215,246)
-
#a4d8f9
#a4d8f9
rgb(164,216,249)
-
#a0d8fd
#a0d8fd
rgb(160,216,253)
Color Blindness Simulator
Below, you can see how #abd6f2 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.