#3abae1 Color Information
In a RGB color space, hex #3abae1 is composed of 22.7% red, 72.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 17.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 194 degrees, a saturation of 73.6% and a lightness of 55.5%. #3abae1 color hex could be obtained by blending #74ffff with #0075c3. Closest websafe color is: #33cccc.
-
- R 23
- G 73
- B 88
-
- C 74
- M 17
- Y 0
- K 12
● #3abae1 color description : Bright cyan.
#3abae1 Color Conversion
The hexadecimal color #3abae1 has RGB values of R:58, G:186, B:225 and CMYK values of C:0.74, M:0.17, Y:0, K:0.12. Its decimal value is 3848929.
Hex triplet | 3abae1 | #3abae1 |
---|---|---|
RGB Decimal | 58, 186, 225 | rgb(58,186,225) |
RGB Percent | 22.7, 72.9, 88.2 | rgb(22.7%,72.9%,88.2%) |
CMYK | 74, 17, 0, 12 | |
HSL | 194°, 73.6, 55.5 | hsl(194,73.6%,55.5%) |
HSV (or HSB) | 194°, 74.2, 88.2 | |
Web Safe | 33cccc | #33cccc |
CIE-LAB | 70.491, -21.77, -29.447 |
---|---|
XYZ | 32.891, 41.451, 77.497 |
xyY | 0.217, 0.273, 41.451 |
CIE-LCH | 70.491, 36.621, 233.524 |
CIE-LUV | 70.491, -45.397, -43.823 |
Hunter-Lab | 64.382, -21.479, -26.3 |
Binary | 00111010, 10111010, 11100001 |
Color Schemes with #3abae1
Alternatives to #3abae1
Below, you can see some colors close to #3abae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3abae1 Preview
This text has a font color of #3abae1.
<span style="color:#3abae1;">Text here</span>
This paragraph has a background color of #3abae1.
<p style="background-color:#3abae1;">Content here</p>
This element has a border color of #3abae1.
<div style="border:1px solid #3abae1;">Content here</div>
.text {color:#3abae1;}
.background {background-color:#3abae1;}
.border {border:1px solid #3abae1;}
Shades and Tints of #3abae1
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, #010607 is the darkest color, while #f5fcfe is the lightest one.
-
#010607
#010607
rgb(1,6,7)
-
#041318
#041318
rgb(4,19,24)
-
#062129
#062129
rgb(6,33,41)
-
#092f3a
#092f3a
rgb(9,47,58)
-
#0b3c4b
#0b3c4b
rgb(11,60,75)
-
#0e4a5c
#0e4a5c
rgb(14,74,92)
-
#11586d
#11586d
rgb(17,88,109)
-
#13657e
#13657e
rgb(19,101,126)
-
#16738f
#16738f
rgb(22,115,143)
-
#1881a0
#1881a0
rgb(24,129,160)
-
#1b8eb2
#1b8eb2
rgb(27,142,178)
-
#1e9cc3
#1e9cc3
rgb(30,156,195)
-
#20aad4
#20aad4
rgb(32,170,212)
-
#29b4de
#29b4de
rgb(41,180,222)
-
#3abae1
#3abae1
rgb(58,186,225)
-
#4bc0e4
#4bc0e4
rgb(75,192,228)
-
#5cc6e6
#5cc6e6
rgb(92,198,230)
-
#6dcce9
#6dcce9
rgb(109,204,233)
-
#7ed2eb
#7ed2eb
rgb(126,210,235)
-
#8fd8ee
#8fd8ee
rgb(143,216,238)
-
#a0def1
#a0def1
rgb(160,222,241)
-
#b1e4f3
#b1e4f3
rgb(177,228,243)
-
#c2eaf6
#c2eaf6
rgb(194,234,246)
-
#d3f0f8
#d3f0f8
rgb(211,240,248)
-
#e4f6fb
#e4f6fb
rgb(228,246,251)
-
#f5fcfe
#f5fcfe
rgb(245,252,254)
Tones of #3abae1
A tone is produced by adding gray to any pure hue. In this case, #899092 is the less saturated color, while #20c8fb is the most saturated one.
-
#899092
#899092
rgb(137,144,146)
-
#80959b
#80959b
rgb(128,149,155)
-
#7799a4
#7799a4
rgb(119,153,164)
-
#6e9ead
#6e9ead
rgb(110,158,173)
-
#66a3b5
#66a3b5
rgb(102,163,181)
-
#5da7be
#5da7be
rgb(93,167,190)
-
#54acc7
#54acc7
rgb(84,172,199)
-
#4bb1d0
#4bb1d0
rgb(75,177,208)
-
#43b5d8
#43b5d8
rgb(67,181,216)
-
#3abae1
#3abae1
rgb(58,186,225)
-
#31bfea
#31bfea
rgb(49,191,234)
-
#29c3f2
#29c3f2
rgb(41,195,242)
-
#20c8fb
#20c8fb
rgb(32,200,251)
Color Blindness Simulator
Below, you can see how #3abae1 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.