#abf5f6 Color Information
In a RGB color space, hex #abf5f6 is composed of 67.1% red, 96.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 30.5% cyan, 0.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 180.8 degrees, a saturation of 80.6% and a lightness of 81.8%. #abf5f6 color hex could be obtained by blending #ffffff with #57ebed. Closest websafe color is: #99ffff.
-
- R 67
- G 96
- B 96
-
- C 30
- M 0
- Y 0
- K 4
● #abf5f6 color description : Very soft cyan.
#abf5f6 Color Conversion
The hexadecimal color #abf5f6 has RGB values of R:171, G:245, B:246 and CMYK values of C:0.3, M:0, Y:0, K:0.04. Its decimal value is 11269622.
| Hex triplet | abf5f6 | #abf5f6 |
|---|---|---|
| RGB Decimal | 171, 245, 246 | rgb(171,245,246) |
| RGB Percent | 67.1, 96.1, 96.5 | rgb(67.1%,96.1%,96.5%) |
| CMYK | 30, 0, 0, 4 | |
| HSL | 180.8°, 80.6, 81.8 | hsl(180.8,80.6%,81.8%) |
| HSV (or HSB) | 180.8°, 30.5, 96.5 | |
| Web Safe | 99ffff | #99ffff |
| CIE-LAB | 91.96, -22.406, -7.79 |
|---|---|
| XYZ | 66.077, 80.614, 99.262 |
| xyY | 0.269, 0.328, 80.614 |
| CIE-LCH | 91.96, 23.722, 199.17 |
| CIE-LUV | 91.96, -35.647, -8.513 |
| Hunter-Lab | 89.785, -25.757, -2.699 |
| Binary | 10101011, 11110101, 11110110 |
Color Schemes with #abf5f6
Alternatives to #abf5f6
Below, you can see some colors close to #abf5f6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#abf5f6 Preview
This text has a font color of #abf5f6.
<span style="color:#abf5f6;">Text here</span>
This paragraph has a background color of #abf5f6.
<p style="background-color:#abf5f6;">Content here</p>
This element has a border color of #abf5f6.
<div style="border:1px solid #abf5f6;">Content here</div>
.text {color:#abf5f6;}
.background {background-color:#abf5f6;}
.border {border:1px solid #abf5f6;}
Shades and Tints of #abf5f6
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, #000505 is the darkest color, while #f2fdfe is the lightest one.
-
#000505
#000505rgb(0,5,5) -
#021616
#021616rgb(2,22,22) -
#042828
#042828rgb(4,40,40) -
#06393a
#06393argb(6,57,58) -
#084b4b
#084b4brgb(8,75,75) -
#0a5c5d
#0a5c5drgb(10,92,93) -
#0c6e6f
#0c6e6frgb(12,110,111) -
#0e7f81
#0e7f81rgb(14,127,129) -
#109192
#109192rgb(16,145,146) -
#12a2a4
#12a2a4rgb(18,162,164) -
#13b4b6
#13b4b6rgb(19,180,182) -
#15c5c7
#15c5c7rgb(21,197,199) -
#17d7d9
#17d7d9rgb(23,215,217)
-
#1de4e7
#1de4e7rgb(29,228,231) -
#2fe6e9
#2fe6e9rgb(47,230,233) -
#41e8eb
#41e8ebrgb(65,232,235) -
#52eaed
#52eaedrgb(82,234,237) -
#64edee
#64edeergb(100,237,238) -
#76eff0
#76eff0rgb(118,239,240) -
#88f1f2
#88f1f2rgb(136,241,242) -
#99f3f4
#99f3f4rgb(153,243,244) -
#abf5f6
#abf5f6rgb(171,245,246) -
#bdf7f8
#bdf7f8rgb(189,247,248) -
#cef9fa
#cef9fargb(206,249,250) -
#e0fbfc
#e0fbfcrgb(224,251,252) -
#f2fdfe
#f2fdfergb(242,253,254)
Tones of #abf5f6
A tone is produced by adding gray to any pure hue. In this case, #cfd2d2 is the less saturated color, while #a4fcfd is the most saturated one.
-
#cfd2d2
#cfd2d2rgb(207,210,210) -
#cbd6d6
#cbd6d6rgb(203,214,214) -
#c8d9d9
#c8d9d9rgb(200,217,217) -
#c4dddd
#c4ddddrgb(196,221,221) -
#c0e0e1
#c0e0e1rgb(192,224,225) -
#bde4e4
#bde4e4rgb(189,228,228) -
#b9e7e8
#b9e7e8rgb(185,231,232) -
#b6ebeb
#b6ebebrgb(182,235,235) -
#b2eeef
#b2eeefrgb(178,238,239) -
#aff2f2
#aff2f2rgb(175,242,242) -
#abf5f6
#abf5f6rgb(171,245,246) -
#a7f8fa
#a7f8fargb(167,248,250) -
#a4fcfd
#a4fcfdrgb(164,252,253)
Color Blindness Simulator
Below, you can see how #abf5f6 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.
