#abc2f4 Color Information
In a RGB color space, hex #abc2f4 is composed of 67.1% red, 76.1% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 29.9% cyan, 20.5% magenta, 0% yellow and 4.3% black. It has a hue angle of 221.1 degrees, a saturation of 76.8% and a lightness of 81.4%. #abc2f4 color hex could be obtained by blending #ffffff with #5785e9. Closest websafe color is: #99ccff.
-
- R 67
- G 76
- B 96
-
- C 30
- M 20
- Y 0
- K 4
● #abc2f4 color description : Very soft blue.
#abc2f4 Color Conversion
The hexadecimal color #abc2f4 has RGB values of R:171, G:194, B:244 and CMYK values of C:0.3, M:0.2, Y:0, K:0.04. Its decimal value is 11256564.
Hex triplet | abc2f4 | #abc2f4 |
---|---|---|
RGB Decimal | 171, 194, 244 | rgb(171,194,244) |
RGB Percent | 67.1, 76.1, 95.7 | rgb(67.1%,76.1%,95.7%) |
CMYK | 30, 20, 0, 4 | |
HSL | 221.1°, 76.8, 81.4 | hsl(221.1,76.8%,81.4%) |
HSV (or HSB) | 221.1°, 29.9, 95.7 | |
Web Safe | 99ccff | #99ccff |
CIE-LAB | 78.329, 3.428, -27.261 |
---|---|
XYZ | 52.412, 53.772, 93.2 |
xyY | 0.263, 0.27, 53.772 |
CIE-LCH | 78.329, 27.475, 277.167 |
CIE-LUV | 78.329, -13.961, -44.088 |
Hunter-Lab | 73.329, -0.743, -24.026 |
Binary | 10101011, 11000010, 11110100 |
Color Schemes with #abc2f4
Alternatives to #abc2f4
Below, you can see some colors close to #abc2f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#abc2f4 Preview
This text has a font color of #abc2f4.
<span style="color:#abc2f4;">Text here</span>
This paragraph has a background color of #abc2f4.
<p style="background-color:#abc2f4;">Content here</p>
This element has a border color of #abc2f4.
<div style="border:1px solid #abc2f4;">Content here</div>
.text {color:#abc2f4;}
.background {background-color:#abc2f4;}
.border {border:1px solid #abc2f4;}
Shades and Tints of #abc2f4
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, #000103 is the darkest color, while #f0f4fd is the lightest one.
-
#000103
#000103
rgb(0,1,3)
-
#030814
#030814
rgb(3,8,20)
-
#050f25
#050f25
rgb(5,15,37)
-
#071637
#071637
rgb(7,22,55)
-
#091d48
#091d48
rgb(9,29,72)
-
#0c2459
#0c2459
rgb(12,36,89)
-
#0e2b6b
#0e2b6b
rgb(14,43,107)
-
#10327c
#10327c
rgb(16,50,124)
-
#13398d
#13398d
rgb(19,57,141)
-
#15409f
#15409f
rgb(21,64,159)
-
#1747b0
#1747b0
rgb(23,71,176)
-
#194ec2
#194ec2
rgb(25,78,194)
-
#1c55d3
#1c55d3
rgb(28,85,211)
-
#205de2
#205de2
rgb(32,93,226)
-
#326ae4
#326ae4
rgb(50,106,228)
-
#4376e6
#4376e6
rgb(67,118,230)
-
#5483e9
#5483e9
rgb(84,131,233)
-
#6690eb
#6690eb
rgb(102,144,235)
-
#779ced
#779ced
rgb(119,156,237)
-
#88a9ef
#88a9ef
rgb(136,169,239)
-
#9ab5f2
#9ab5f2
rgb(154,181,242)
-
#abc2f4
#abc2f4
rgb(171,194,244)
-
#bccff6
#bccff6
rgb(188,207,246)
-
#cedbf9
#cedbf9
rgb(206,219,249)
-
#dfe8fb
#dfe8fb
rgb(223,232,251)
-
#f0f4fd
#f0f4fd
rgb(240,244,253)
Tones of #abc2f4
A tone is produced by adding gray to any pure hue. In this case, #ccced3 is the less saturated color, while #a0beff is the most saturated one.
-
#ccced3
#ccced3
rgb(204,206,211)
-
#c8cdd7
#c8cdd7
rgb(200,205,215)
-
#c5cbda
#c5cbda
rgb(197,203,218)
-
#c1cade
#c1cade
rgb(193,202,222)
-
#bdc9e2
#bdc9e2
rgb(189,201,226)
-
#bac7e5
#bac7e5
rgb(186,199,229)
-
#b6c6e9
#b6c6e9
rgb(182,198,233)
-
#b2c5ed
#b2c5ed
rgb(178,197,237)
-
#afc3f0
#afc3f0
rgb(175,195,240)
-
#abc2f4
#abc2f4
rgb(171,194,244)
-
#a7c1f8
#a7c1f8
rgb(167,193,248)
-
#a4bffb
#a4bffb
rgb(164,191,251)
-
#a0beff
#a0beff
rgb(160,190,255)
Color Blindness Simulator
Below, you can see how #abc2f4 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.