#3abafc Color Information
In a RGB color space, hex #3abafc is composed of 22.7% red, 72.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 26.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 200.4 degrees, a saturation of 97% and a lightness of 60.8%. #3abafc color hex could be obtained by blending #74ffff with #0075f9. Closest websafe color is: #33ccff.
-
- R 23
- G 73
- B 99
-
- C 77
- M 26
- Y 0
- K 1
● #3abafc color description : Bright blue.
#3abafc Color Conversion
The hexadecimal color #3abafc has RGB values of R:58, G:186, B:252 and CMYK values of C:0.77, M:0.26, Y:0, K:0.01. Its decimal value is 3848956.
Hex triplet | 3abafc | #3abafc |
---|---|---|
RGB Decimal | 58, 186, 252 | rgb(58,186,252) |
RGB Percent | 22.7, 72.9, 98.8 | rgb(22.7%,72.9%,98.8%) |
CMYK | 77, 26, 0, 1 | |
HSL | 200.4°, 97, 60.8 | hsl(200.4,97%,60.8%) |
HSV (or HSB) | 200.4°, 77, 98.8 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.584, -12.861, -42.393 |
---|---|
XYZ | 36.87, 43.042, 98.455 |
xyY | 0.207, 0.241, 43.042 |
CIE-LCH | 71.584, 44.301, 253.123 |
CIE-LUV | 71.584, -43.758, -67.178 |
Hunter-Lab | 65.607, -14.497, -43.051 |
Binary | 00111010, 10111010, 11111100 |
Color Schemes with #3abafc
Alternatives to #3abafc
Below, you can see some colors close to #3abafc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3abafc Preview
This text has a font color of #3abafc.
<span style="color:#3abafc;">Text here</span>
This paragraph has a background color of #3abafc.
<p style="background-color:#3abafc;">Content here</p>
This element has a border color of #3abafc.
<div style="border:1px solid #3abafc;">Content here</div>
.text {color:#3abafc;}
.background {background-color:#3abafc;}
.border {border:1px solid #3abafc;}
Shades and Tints of #3abafc
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, #000a10 is the darkest color, while #fbfeff is the lightest one.
-
#000a10
#000a10
rgb(0,10,16)
-
#011723
#011723
rgb(1,23,35)
-
#012436
#012436
rgb(1,36,54)
-
#013149
#013149
rgb(1,49,73)
-
#013e5d
#013e5d
rgb(1,62,93)
-
#024b70
#024b70
rgb(2,75,112)
-
#025783
#025783
rgb(2,87,131)
-
#026497
#026497
rgb(2,100,151)
-
#0371aa
#0371aa
rgb(3,113,170)
-
#037ebd
#037ebd
rgb(3,126,189)
-
#038bd1
#038bd1
rgb(3,139,209)
-
#0398e4
#0398e4
rgb(3,152,228)
-
#04a5f7
#04a5f7
rgb(4,165,247)
-
#13acfb
#13acfb
rgb(19,172,251)
-
#27b3fc
#27b3fc
rgb(39,179,252)
-
#3abafc
#3abafc
rgb(58,186,252)
-
#4dc1fc
#4dc1fc
rgb(77,193,252)
-
#61c8fd
#61c8fd
rgb(97,200,253)
-
#74cefd
#74cefd
rgb(116,206,253)
-
#87d5fd
#87d5fd
rgb(135,213,253)
-
#9bdcfd
#9bdcfd
rgb(155,220,253)
-
#aee3fe
#aee3fe
rgb(174,227,254)
-
#c1e9fe
#c1e9fe
rgb(193,233,254)
-
#d5f0fe
#d5f0fe
rgb(213,240,254)
-
#e8f7ff
#e8f7ff
rgb(232,247,255)
-
#fbfeff
#fbfeff
rgb(251,254,255)
Tones of #3abafc
A tone is produced by adding gray to any pure hue. In this case, #969ca0 is the less saturated color, while #3abafc is the most saturated one.
-
#969ca0
#969ca0
rgb(150,156,160)
-
#8f9fa7
#8f9fa7
rgb(143,159,167)
-
#87a1af
#87a1af
rgb(135,161,175)
-
#7fa4b7
#7fa4b7
rgb(127,164,183)
-
#78a6be
#78a6be
rgb(120,166,190)
-
#70a9c6
#70a9c6
rgb(112,169,198)
-
#68abce
#68abce
rgb(104,171,206)
-
#60aed6
#60aed6
rgb(96,174,214)
-
#59b0dd
#59b0dd
rgb(89,176,221)
-
#51b3e5
#51b3e5
rgb(81,179,229)
-
#49b5ed
#49b5ed
rgb(73,181,237)
-
#42b8f4
#42b8f4
rgb(66,184,244)
-
#3abafc
#3abafc
rgb(58,186,252)
Color Blindness Simulator
Below, you can see how #3abafc 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.