#3ab6fd Color Information
In a RGB color space, hex #3ab6fd is composed of 22.7% red, 71.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 28.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 201.8 degrees, a saturation of 98% and a lightness of 61%. #3ab6fd color hex could be obtained by blending #74ffff with #006dfb. Closest websafe color is: #33ccff.
-
- R 23
- G 71
- B 99
-
- C 77
- M 28
- Y 0
- K 1
● #3ab6fd color description : Bright blue.
#3ab6fd Color Conversion
The hexadecimal color #3ab6fd has RGB values of R:58, G:182, B:253 and CMYK values of C:0.77, M:0.28, Y:0, K:0.01. Its decimal value is 3847933.
Hex triplet | 3ab6fd | #3ab6fd |
---|---|---|
RGB Decimal | 58, 182, 253 | rgb(58,182,253) |
RGB Percent | 22.7, 71.4, 99.2 | rgb(22.7%,71.4%,99.2%) |
CMYK | 77, 28, 0, 1 | |
HSL | 201.8°, 98, 61 | hsl(201.8,98%,61%) |
HSV (or HSB) | 201.8°, 77.1, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.486, -10.359, -44.652 |
---|---|
XYZ | 36.198, 41.444, 99.015 |
xyY | 0.205, 0.235, 41.444 |
CIE-LCH | 70.486, 45.838, 256.939 |
CIE-LUV | 70.486, -42.343, -71.22 |
Hunter-Lab | 64.377, -12.293, -46.127 |
Binary | 00111010, 10110110, 11111101 |
Color Schemes with #3ab6fd
Alternatives to #3ab6fd
Below, you can see some colors close to #3ab6fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab6fd Preview
This text has a font color of #3ab6fd.
<span style="color:#3ab6fd;">Text here</span>
This paragraph has a background color of #3ab6fd.
<p style="background-color:#3ab6fd;">Content here</p>
This element has a border color of #3ab6fd.
<div style="border:1px solid #3ab6fd;">Content here</div>
.text {color:#3ab6fd;}
.background {background-color:#3ab6fd;}
.border {border:1px solid #3ab6fd;}
Shades and Tints of #3ab6fd
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, #000b11 is the darkest color, while #fcfeff is the lightest one.
-
#000b11
#000b11
rgb(0,11,17)
-
#001724
#001724
rgb(0,23,36)
-
#012337
#012337
rgb(1,35,55)
-
#01304b
#01304b
rgb(1,48,75)
-
#013c5e
#013c5e
rgb(1,60,94)
-
#014972
#014972
rgb(1,73,114)
-
#015585
#015585
rgb(1,85,133)
-
#026299
#026299
rgb(2,98,153)
-
#026eac
#026eac
rgb(2,110,172)
-
#027abf
#027abf
rgb(2,122,191)
-
#0287d3
#0287d3
rgb(2,135,211)
-
#0293e6
#0293e6
rgb(2,147,230)
-
#03a0fa
#03a0fa
rgb(3,160,250)
-
#13a8fd
#13a8fd
rgb(19,168,253)
-
#27affd
#27affd
rgb(39,175,253)
-
#3ab6fd
#3ab6fd
rgb(58,182,253)
-
#4dbdfd
#4dbdfd
rgb(77,189,253)
-
#61c4fd
#61c4fd
rgb(97,196,253)
-
#74ccfe
#74ccfe
rgb(116,204,254)
-
#88d3fe
#88d3fe
rgb(136,211,254)
-
#9bdafe
#9bdafe
rgb(155,218,254)
-
#afe1fe
#afe1fe
rgb(175,225,254)
-
#c2e8fe
#c2e8fe
rgb(194,232,254)
-
#d5f0ff
#d5f0ff
rgb(213,240,255)
-
#e9f7ff
#e9f7ff
rgb(233,247,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3ab6fd
A tone is produced by adding gray to any pure hue. In this case, #969da1 is the less saturated color, while #3ab6fd is the most saturated one.
-
#969da1
#969da1
rgb(150,157,161)
-
#8e9fa9
#8e9fa9
rgb(142,159,169)
-
#87a1b0
#87a1b0
rgb(135,161,176)
-
#7fa3b8
#7fa3b8
rgb(127,163,184)
-
#77a5c0
#77a5c0
rgb(119,165,192)
-
#70a7c7
#70a7c7
rgb(112,167,199)
-
#68aacf
#68aacf
rgb(104,170,207)
-
#60acd7
#60acd7
rgb(96,172,215)
-
#59aede
#59aede
rgb(89,174,222)
-
#51b0e6
#51b0e6
rgb(81,176,230)
-
#49b2ee
#49b2ee
rgb(73,178,238)
-
#42b4f5
#42b4f5
rgb(66,180,245)
-
#3ab6fd
#3ab6fd
rgb(58,182,253)
Color Blindness Simulator
Below, you can see how #3ab6fd 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.