#3ac5f9 Color Information
In a RGB color space, hex #3ac5f9 is composed of 22.7% red, 77.3% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 20.9% magenta, 0% yellow and 2.4% black. It has a hue angle of 196.3 degrees, a saturation of 94.1% and a lightness of 60.2%. #3ac5f9 color hex could be obtained by blending #74ffff with #008bf3. Closest websafe color is: #33ccff.
-
- R 23
- G 77
- B 98
-
- C 77
- M 21
- Y 0
- K 2
● #3ac5f9 color description : Bright blue.
#3ac5f9 Color Conversion
The hexadecimal color #3ac5f9 has RGB values of R:58, G:197, B:249 and CMYK values of C:0.77, M:0.21, Y:0, K:0.02. Its decimal value is 3851769.
Hex triplet | 3ac5f9 | #3ac5f9 |
---|---|---|
RGB Decimal | 58, 197, 249 | rgb(58,197,249) |
RGB Percent | 22.7, 77.3, 97.6 | rgb(22.7%,77.3%,97.6%) |
CMYK | 77, 21, 0, 2 | |
HSL | 196.3°, 94.1, 60.2 | hsl(196.3,94.1%,60.2%) |
HSV (or HSB) | 196.3°, 76.7, 97.6 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 74.615, -19.655, -36.059 |
---|---|
XYZ | 38.806, 47.668, 96.773 |
xyY | 0.212, 0.26, 47.668 |
CIE-LCH | 74.615, 41.068, 241.406 |
CIE-LUV | 74.615, -47.705, -55.738 |
Hunter-Lab | 69.042, -20.497, -34.774 |
Binary | 00111010, 11000101, 11111001 |
Color Schemes with #3ac5f9
Alternatives to #3ac5f9
Below, you can see some colors close to #3ac5f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3ac5f9 Preview
This text has a font color of #3ac5f9.
<span style="color:#3ac5f9;">Text here</span>
This paragraph has a background color of #3ac5f9.
<p style="background-color:#3ac5f9;">Content here</p>
This element has a border color of #3ac5f9.
<div style="border:1px solid #3ac5f9;">Content here</div>
.text {color:#3ac5f9;}
.background {background-color:#3ac5f9;}
.border {border:1px solid #3ac5f9;}
Shades and Tints of #3ac5f9
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, #00090c is the darkest color, while #f8fdff is the lightest one.
-
#00090c
#00090c
rgb(0,9,12)
-
#01171f
#01171f
rgb(1,23,31)
-
#022532
#022532
rgb(2,37,50)
-
#023345
#023345
rgb(2,51,69)
-
#034159
#034159
rgb(3,65,89)
-
#034f6c
#034f6c
rgb(3,79,108)
-
#045d7f
#045d7f
rgb(4,93,127)
-
#046b92
#046b92
rgb(4,107,146)
-
#0579a5
#0579a5
rgb(5,121,165)
-
#0687b8
#0687b8
rgb(6,135,184)
-
#0695cb
#0695cb
rgb(6,149,203)
-
#07a3de
#07a3de
rgb(7,163,222)
-
#07b1f1
#07b1f1
rgb(7,177,241)
-
#14baf8
#14baf8
rgb(20,186,248)
-
#27bff8
#27bff8
rgb(39,191,248)
-
#3ac5f9
#3ac5f9
rgb(58,197,249)
-
#4dcbfa
#4dcbfa
rgb(77,203,250)
-
#60d0fa
#60d0fa
rgb(96,208,250)
-
#73d6fb
#73d6fb
rgb(115,214,251)
-
#86dbfb
#86dbfb
rgb(134,219,251)
-
#99e1fc
#99e1fc
rgb(153,225,252)
-
#ace7fc
#ace7fc
rgb(172,231,252)
-
#bfecfd
#bfecfd
rgb(191,236,253)
-
#d2f2fe
#d2f2fe
rgb(210,242,254)
-
#e5f7fe
#e5f7fe
rgb(229,247,254)
-
#f8fdff
#f8fdff
rgb(248,253,255)
Tones of #3ac5f9
A tone is produced by adding gray to any pure hue. In this case, #989a9b is the less saturated color, while #3ac5f9 is the most saturated one.
-
#989a9b
#989a9b
rgb(152,154,155)
-
#909ea3
#909ea3
rgb(144,158,163)
-
#88a1ab
#88a1ab
rgb(136,161,171)
-
#80a5b3
#80a5b3
rgb(128,165,179)
-
#78a9bb
#78a9bb
rgb(120,169,187)
-
#71acc2
#71acc2
rgb(113,172,194)
-
#69b0ca
#69b0ca
rgb(105,176,202)
-
#61b3d2
#61b3d2
rgb(97,179,210)
-
#59b7da
#59b7da
rgb(89,183,218)
-
#51bae2
#51bae2
rgb(81,186,226)
-
#4abee9
#4abee9
rgb(74,190,233)
-
#42c1f1
#42c1f1
rgb(66,193,241)
-
#3ac5f9
#3ac5f9
rgb(58,197,249)
Color Blindness Simulator
Below, you can see how #3ac5f9 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.