#3abcf6 Color Information
In a RGB color space, hex #3abcf6 is composed of 22.7% red, 73.7% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 23.6% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.5 degrees, a saturation of 91.3% and a lightness of 59.6%. #3abcf6 color hex could be obtained by blending #74ffff with #0079ed. Closest websafe color is: #33ccff.
-
- R 23
- G 74
- B 96
-
- C 76
- M 24
- Y 0
- K 4
● #3abcf6 color description : Bright blue.
#3abcf6 Color Conversion
The hexadecimal color #3abcf6 has RGB values of R:58, G:188, B:246 and CMYK values of C:0.76, M:0.24, Y:0, K:0.04. Its decimal value is 3849462.
Hex triplet | 3abcf6 | #3abcf6 |
---|---|---|
RGB Decimal | 58, 188, 246 | rgb(58,188,246) |
RGB Percent | 22.7, 73.7, 96.5 | rgb(22.7%,73.7%,96.5%) |
CMYK | 76, 24, 0, 4 | |
HSL | 198.5°, 91.3, 59.6 | hsl(198.5,91.3%,59.6%) |
HSV (or HSB) | 198.5°, 76.4, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.904, -15.937, -38.653 |
---|---|
XYZ | 36.358, 43.517, 93.667 |
xyY | 0.21, 0.251, 43.517 |
CIE-LCH | 71.904, 41.81, 247.593 |
CIE-LUV | 71.904, -44.798, -60.403 |
Hunter-Lab | 65.967, -17.06, -38.009 |
Binary | 00111010, 10111100, 11110110 |
Color Schemes with #3abcf6
Alternatives to #3abcf6
Below, you can see some colors close to #3abcf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3abcf6 Preview
This text has a font color of #3abcf6.
<span style="color:#3abcf6;">Text here</span>
This paragraph has a background color of #3abcf6.
<p style="background-color:#3abcf6;">Content here</p>
This element has a border color of #3abcf6.
<div style="border:1px solid #3abcf6;">Content here</div>
.text {color:#3abcf6;}
.background {background-color:#3abcf6;}
.border {border:1px solid #3abcf6;}
Shades and Tints of #3abcf6
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, #000709 is the darkest color, while #f6fcff is the lightest one.
-
#000709
#000709
rgb(0,7,9)
-
#01141c
#01141c
rgb(1,20,28)
-
#02212f
#02212f
rgb(2,33,47)
-
#032e42
#032e42
rgb(3,46,66)
-
#043c54
#043c54
rgb(4,60,84)
-
#054967
#054967
rgb(5,73,103)
-
#06567a
#06567a
rgb(6,86,122)
-
#06638d
#06638d
rgb(6,99,141)
-
#07709f
#07709f
rgb(7,112,159)
-
#087eb2
#087eb2
rgb(8,126,178)
-
#098bc5
#098bc5
rgb(9,139,197)
-
#0a98d8
#0a98d8
rgb(10,152,216)
-
#0ba5ea
#0ba5ea
rgb(11,165,234)
-
#14aff4
#14aff4
rgb(20,175,244)
-
#27b6f5
#27b6f5
rgb(39,182,245)
-
#3abcf6
#3abcf6
rgb(58,188,246)
-
#4dc2f7
#4dc2f7
rgb(77,194,247)
-
#60c9f8
#60c9f8
rgb(96,201,248)
-
#72cff9
#72cff9
rgb(114,207,249)
-
#85d6f9
#85d6f9
rgb(133,214,249)
-
#98dcfa
#98dcfa
rgb(152,220,250)
-
#abe2fb
#abe2fb
rgb(171,226,251)
-
#bde9fc
#bde9fc
rgb(189,233,252)
-
#d0effd
#d0effd
rgb(208,239,253)
-
#e3f5fe
#e3f5fe
rgb(227,245,254)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #3abcf6
A tone is produced by adding gray to any pure hue. In this case, #919b9f is the less saturated color, while #32bffe is the most saturated one.
-
#919b9f
#919b9f
rgb(145,155,159)
-
#899ea7
#899ea7
rgb(137,158,167)
-
#81a1af
#81a1af
rgb(129,161,175)
-
#79a4b7
#79a4b7
rgb(121,164,183)
-
#71a7bf
#71a7bf
rgb(113,167,191)
-
#6aaac6
#6aaac6
rgb(106,170,198)
-
#62adce
#62adce
rgb(98,173,206)
-
#5ab0d6
#5ab0d6
rgb(90,176,214)
-
#52b3de
#52b3de
rgb(82,179,222)
-
#4ab6e6
#4ab6e6
rgb(74,182,230)
-
#42b9ee
#42b9ee
rgb(66,185,238)
-
#3abcf6
#3abcf6
rgb(58,188,246)
-
#32bffe
#32bffe
rgb(50,191,254)
Color Blindness Simulator
Below, you can see how #3abcf6 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.