#3ab5fd Color Information
In a RGB color space, hex #3ab5fd is composed of 22.7% red, 71% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 28.5% magenta, 0% yellow and 0.8% black. It has a hue angle of 202.2 degrees, a saturation of 98% and a lightness of 61%. #3ab5fd color hex could be obtained by blending #74ffff with #006bfb. Closest websafe color is: #33ccff.
-
- R 23
- G 71
- B 99
-
- C 77
- M 28
- Y 0
- K 1
● #3ab5fd color description : Bright blue.
#3ab5fd Color Conversion
The hexadecimal color #3ab5fd has RGB values of R:58, G:181, B:253 and CMYK values of C:0.77, M:0.28, Y:0, K:0.01. Its decimal value is 3847677.
Hex triplet | 3ab5fd | #3ab5fd |
---|---|---|
RGB Decimal | 58, 181, 253 | rgb(58,181,253) |
RGB Percent | 22.7, 71, 99.2 | rgb(22.7%,71%,99.2%) |
CMYK | 77, 28, 0, 1 | |
HSL | 202.2°, 98, 61 | hsl(202.2,98%,61%) |
HSV (or HSB) | 202.2°, 77.1, 99.2 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 70.201, -9.813, -45.099 |
---|---|
XYZ | 35.994, 41.036, 98.947 |
xyY | 0.205, 0.233, 41.036 |
CIE-LCH | 70.201, 46.154, 257.724 |
CIE-LUV | 70.201, -42.004, -72.012 |
Hunter-Lab | 64.059, -11.807, -46.738 |
Binary | 00111010, 10110101, 11111101 |
Color Schemes with #3ab5fd
Alternatives to #3ab5fd
Below, you can see some colors close to #3ab5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ab5fd Preview
This text has a font color of #3ab5fd.
<span style="color:#3ab5fd;">Text here</span>
This paragraph has a background color of #3ab5fd.
<p style="background-color:#3ab5fd;">Content here</p>
This element has a border color of #3ab5fd.
<div style="border:1px solid #3ab5fd;">Content here</div>
.text {color:#3ab5fd;}
.background {background-color:#3ab5fd;}
.border {border:1px solid #3ab5fd;}
Shades and Tints of #3ab5fd
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)
-
#012f4b
#012f4b
rgb(1,47,75)
-
#013c5e
#013c5e
rgb(1,60,94)
-
#014872
#014872
rgb(1,72,114)
-
#015485
#015485
rgb(1,84,133)
-
#026199
#026199
rgb(2,97,153)
-
#026dac
#026dac
rgb(2,109,172)
-
#0279bf
#0279bf
rgb(2,121,191)
-
#0286d3
#0286d3
rgb(2,134,211)
-
#0292e6
#0292e6
rgb(2,146,230)
-
#039efa
#039efa
rgb(3,158,250)
-
#13a6fd
#13a6fd
rgb(19,166,253)
-
#27aefd
#27aefd
rgb(39,174,253)
-
#3ab5fd
#3ab5fd
rgb(58,181,253)
-
#4dbcfd
#4dbcfd
rgb(77,188,253)
-
#61c4fd
#61c4fd
rgb(97,196,253)
-
#74cbfe
#74cbfe
rgb(116,203,254)
-
#88d2fe
#88d2fe
rgb(136,210,254)
-
#9bd9fe
#9bd9fe
rgb(155,217,254)
-
#afe1fe
#afe1fe
rgb(175,225,254)
-
#c2e8fe
#c2e8fe
rgb(194,232,254)
-
#d5efff
#d5efff
rgb(213,239,255)
-
#e9f7ff
#e9f7ff
rgb(233,247,255)
-
#fcfeff
#fcfeff
rgb(252,254,255)
Tones of #3ab5fd
A tone is produced by adding gray to any pure hue. In this case, #969da1 is the less saturated color, while #3ab5fd 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)
-
#68a9cf
#68a9cf
rgb(104,169,207)
-
#60abd7
#60abd7
rgb(96,171,215)
-
#59adde
#59adde
rgb(89,173,222)
-
#51afe6
#51afe6
rgb(81,175,230)
-
#49b1ee
#49b1ee
rgb(73,177,238)
-
#42b3f5
#42b3f5
rgb(66,179,245)
-
#3ab5fd
#3ab5fd
rgb(58,181,253)
Color Blindness Simulator
Below, you can see how #3ab5fd 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.