#00abec Color Information
In a RGB color space, hex #00abec is composed of 0% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 196.5 degrees, a saturation of 100% and a lightness of 46.3%. #00abec color hex could be obtained by blending #00ffff with #0057d9. Closest websafe color is: #0099ff.
-
- R 0
- G 67
- B 93
-
- C 100
- M 28
- Y 0
- K 7
● #00abec color description : Pure (or mostly pure) blue.
#00abec Color Conversion
The hexadecimal color #00abec has RGB values of R:0, G:171, B:236 and CMYK values of C:1, M:0.28, Y:0, K:0.07. Its decimal value is 44012.
Hex triplet | 00abec | #00abec |
---|---|---|
RGB Decimal | 0, 171, 236 | rgb(0,171,236) |
RGB Percent | 0, 67.1, 92.5 | rgb(0%,67.1%,92.5%) |
CMYK | 100, 28, 0, 7 | |
HSL | 196.5°, 100, 46.3 | hsl(196.5,100%,46.3%) |
HSV (or HSB) | 196.5°, 100, 92.5 | |
Web Safe | 0099ff | #0099ff |
CIE-LAB | 65.888, -13.673, -42.663 |
---|---|
XYZ | 29.699, 35.179, 84.577 |
xyY | 0.199, 0.235, 35.179 |
CIE-LCH | 65.888, 44.801, 252.23 |
CIE-LUV | 65.888, -44.008, -66.807 |
Hunter-Lab | 59.312, -14.415, -43.028 |
Binary | 00000000, 10101011, 11101100 |
Color Schemes with #00abec
Alternatives to #00abec
Below, you can see some colors close to #00abec. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#00abec Preview
This text has a font color of #00abec.
<span style="color:#00abec;">Text here</span>
This paragraph has a background color of #00abec.
<p style="background-color:#00abec;">Content here</p>
This element has a border color of #00abec.
<div style="border:1px solid #00abec;">Content here</div>
.text {color:#00abec;}
.background {background-color:#00abec;}
.border {border:1px solid #00abec;}
Shades and Tints of #00abec
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, #000001 is the darkest color, while #ecfaff is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#000f14
#000f14
rgb(0,15,20)
-
#001d28
#001d28
rgb(0,29,40)
-
#002b3b
#002b3b
rgb(0,43,59)
-
#00394f
#00394f
rgb(0,57,79)
-
#004863
#004863
rgb(0,72,99)
-
#005676
#005676
rgb(0,86,118)
-
#00648a
#00648a
rgb(0,100,138)
-
#00729e
#00729e
rgb(0,114,158)
-
#0080b1
#0080b1
rgb(0,128,177)
-
#008fc5
#008fc5
rgb(0,143,197)
-
#009dd8
#009dd8
rgb(0,157,216)
-
#00abec
#00abec
rgb(0,171,236)
-
#01b9ff
#01b9ff
rgb(1,185,255)
-
#14beff
#14beff
rgb(20,190,255)
-
#28c4ff
#28c4ff
rgb(40,196,255)
-
#3bc9ff
#3bc9ff
rgb(59,201,255)
-
#4fcfff
#4fcfff
rgb(79,207,255)
-
#63d4ff
#63d4ff
rgb(99,212,255)
-
#76d9ff
#76d9ff
rgb(118,217,255)
-
#8adfff
#8adfff
rgb(138,223,255)
-
#9ee4ff
#9ee4ff
rgb(158,228,255)
-
#b1eaff
#b1eaff
rgb(177,234,255)
-
#c5efff
#c5efff
rgb(197,239,255)
-
#d8f4ff
#d8f4ff
rgb(216,244,255)
-
#ecfaff
#ecfaff
rgb(236,250,255)
Tones of #00abec
A tone is produced by adding gray to any pure hue. In this case, #6d7a7f is the less saturated color, while #00abec is the most saturated one.
-
#6d7a7f
#6d7a7f
rgb(109,122,127)
-
#647e88
#647e88
rgb(100,126,136)
-
#5b8291
#5b8291
rgb(91,130,145)
-
#52869a
#52869a
rgb(82,134,154)
-
#498aa3
#498aa3
rgb(73,138,163)
-
#408eac
#408eac
rgb(64,142,172)
-
#3693b6
#3693b6
rgb(54,147,182)
-
#2d97bf
#2d97bf
rgb(45,151,191)
-
#249bc8
#249bc8
rgb(36,155,200)
-
#1b9fd1
#1b9fd1
rgb(27,159,209)
-
#12a3da
#12a3da
rgb(18,163,218)
-
#09a7e3
#09a7e3
rgb(9,167,227)
-
#00abec
#00abec
rgb(0,171,236)
Color Blindness Simulator
Below, you can see how #00abec 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.