#3abdf6 Color Information
In a RGB color space, hex #3abdf6 is composed of 22.7% red, 74.1% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 23.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.2 degrees, a saturation of 91.3% and a lightness of 59.6%. #3abdf6 color hex could be obtained by blending #74ffff with #007bed. Closest websafe color is: #33ccff.
-
- R 23
- G 74
- B 96
-
- C 76
- M 23
- Y 0
- K 4
● #3abdf6 color description : Bright blue.
#3abdf6 Color Conversion
The hexadecimal color #3abdf6 has RGB values of R:58, G:189, B:246 and CMYK values of C:0.76, M:0.23, Y:0, K:0.04. Its decimal value is 3849718.
Hex triplet | 3abdf6 | #3abdf6 |
---|---|---|
RGB Decimal | 58, 189, 246 | rgb(58,189,246) |
RGB Percent | 22.7, 74.1, 96.5 | rgb(22.7%,74.1%,96.5%) |
CMYK | 76, 23, 0, 4 | |
HSL | 198.2°, 91.3, 59.6 | hsl(198.2,91.3%,59.6%) |
HSV (or HSB) | 198.2°, 76.4, 96.5 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 72.192, -16.466, -38.206 |
---|---|
XYZ | 36.573, 43.945, 93.739 |
xyY | 0.21, 0.252, 43.945 |
CIE-LCH | 72.192, 41.603, 246.685 |
CIE-LUV | 72.192, -45.142, -59.599 |
Hunter-Lab | 66.291, -17.532, -37.435 |
Binary | 00111010, 10111101, 11110110 |
Color Schemes with #3abdf6
Alternatives to #3abdf6
Below, you can see some colors close to #3abdf6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3abdf6 Preview
This text has a font color of #3abdf6.
<span style="color:#3abdf6;">Text here</span>
This paragraph has a background color of #3abdf6.
<p style="background-color:#3abdf6;">Content here</p>
This element has a border color of #3abdf6.
<div style="border:1px solid #3abdf6;">Content here</div>
.text {color:#3abdf6;}
.background {background-color:#3abdf6;}
.border {border:1px solid #3abdf6;}
Shades and Tints of #3abdf6
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)
-
#032f42
#032f42
rgb(3,47,66)
-
#043c54
#043c54
rgb(4,60,84)
-
#054967
#054967
rgb(5,73,103)
-
#06577a
#06577a
rgb(6,87,122)
-
#06648d
#06648d
rgb(6,100,141)
-
#07719f
#07719f
rgb(7,113,159)
-
#087fb2
#087fb2
rgb(8,127,178)
-
#098cc5
#098cc5
rgb(9,140,197)
-
#0a99d8
#0a99d8
rgb(10,153,216)
-
#0ba7ea
#0ba7ea
rgb(11,167,234)
-
#14b0f4
#14b0f4
rgb(20,176,244)
-
#27b7f5
#27b7f5
rgb(39,183,245)
-
#3abdf6
#3abdf6
rgb(58,189,246)
-
#4dc3f7
#4dc3f7
rgb(77,195,247)
-
#60caf8
#60caf8
rgb(96,202,248)
-
#72d0f9
#72d0f9
rgb(114,208,249)
-
#85d6f9
#85d6f9
rgb(133,214,249)
-
#98dcfa
#98dcfa
rgb(152,220,250)
-
#abe3fb
#abe3fb
rgb(171,227,251)
-
#bde9fc
#bde9fc
rgb(189,233,252)
-
#d0effd
#d0effd
rgb(208,239,253)
-
#e3f6fe
#e3f6fe
rgb(227,246,254)
-
#f6fcff
#f6fcff
rgb(246,252,255)
Tones of #3abdf6
A tone is produced by adding gray to any pure hue. In this case, #919b9f is the less saturated color, while #32c0fe 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)
-
#5ab1d6
#5ab1d6
rgb(90,177,214)
-
#52b4de
#52b4de
rgb(82,180,222)
-
#4ab7e6
#4ab7e6
rgb(74,183,230)
-
#42baee
#42baee
rgb(66,186,238)
-
#3abdf6
#3abdf6
rgb(58,189,246)
-
#32c0fe
#32c0fe
rgb(50,192,254)
Color Blindness Simulator
Below, you can see how #3abdf6 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.