#3af2fc Color Information
In a RGB color space, hex #3af2fc is composed of 22.7% red, 94.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 4% magenta, 0% yellow and 1.2% black. It has a hue angle of 183.1 degrees, a saturation of 97% and a lightness of 60.8%. #3af2fc color hex could be obtained by blending #74ffff with #00e5f9. Closest websafe color is: #33ffff.
-
- R 23
- G 95
- B 99
-
- C 77
- M 4
- Y 0
- K 1
● #3af2fc color description : Bright cyan.
#3af2fc Color Conversion
The hexadecimal color #3af2fc has RGB values of R:58, G:242, B:252 and CMYK values of C:0.77, M:0.04, Y:0, K:0.01. Its decimal value is 3863292.
Hex triplet | 3af2fc | #3af2fc |
---|---|---|
RGB Decimal | 58, 242, 252 | rgb(58,242,252) |
RGB Percent | 22.7, 94.9, 98.8 | rgb(22.7%,94.9%,98.8%) |
CMYK | 77, 4, 0, 1 | |
HSL | 183.1°, 97, 60.8 | hsl(183.1,97%,60.8%) |
HSV (or HSB) | 183.1°, 77, 98.8 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 87.692, -40.483, -17.669 |
---|---|
XYZ | 51.062, 71.427, 103.186 |
xyY | 0.226, 0.317, 71.427 |
CIE-LCH | 87.692, 44.171, 203.58 |
CIE-LUV | 87.692, -62.939, -22.151 |
Hunter-Lab | 84.515, -40.053, -13.228 |
Binary | 00111010, 11110010, 11111100 |
Color Schemes with #3af2fc
Alternatives to #3af2fc
Below, you can see some colors close to #3af2fc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af2fc Preview
This text has a font color of #3af2fc.
<span style="color:#3af2fc;">Text here</span>
This paragraph has a background color of #3af2fc.
<p style="background-color:#3af2fc;">Content here</p>
This element has a border color of #3af2fc.
<div style="border:1px solid #3af2fc;">Content here</div>
.text {color:#3af2fc;}
.background {background-color:#3af2fc;}
.border {border:1px solid #3af2fc;}
Shades and Tints of #3af2fc
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, #000f10 is the darkest color, while #fbffff is the lightest one.
-
#000f10
#000f10
rgb(0,15,16)
-
#012123
#012123
rgb(1,33,35)
-
#013336
#013336
rgb(1,51,54)
-
#014649
#014649
rgb(1,70,73)
-
#01585d
#01585d
rgb(1,88,93)
-
#026a70
#026a70
rgb(2,106,112)
-
#027d83
#027d83
rgb(2,125,131)
-
#028f97
#028f97
rgb(2,143,151)
-
#03a1aa
#03a1aa
rgb(3,161,170)
-
#03b4bd
#03b4bd
rgb(3,180,189)
-
#03c6d1
#03c6d1
rgb(3,198,209)
-
#03d8e4
#03d8e4
rgb(3,216,228)
-
#04ebf7
#04ebf7
rgb(4,235,247)
-
#13effb
#13effb
rgb(19,239,251)
-
#27f1fc
#27f1fc
rgb(39,241,252)
-
#3af2fc
#3af2fc
rgb(58,242,252)
-
#4df3fc
#4df3fc
rgb(77,243,252)
-
#61f5fd
#61f5fd
rgb(97,245,253)
-
#74f6fd
#74f6fd
rgb(116,246,253)
-
#87f7fd
#87f7fd
rgb(135,247,253)
-
#9bf8fd
#9bf8fd
rgb(155,248,253)
-
#aefafe
#aefafe
rgb(174,250,254)
-
#c1fbfe
#c1fbfe
rgb(193,251,254)
-
#d5fcfe
#d5fcfe
rgb(213,252,254)
-
#e8fdff
#e8fdff
rgb(232,253,255)
-
#fbffff
#fbffff
rgb(251,255,255)
Tones of #3af2fc
A tone is produced by adding gray to any pure hue. In this case, #969fa0 is the less saturated color, while #3af2fc is the most saturated one.
-
#969fa0
#969fa0
rgb(150,159,160)
-
#8fa6a7
#8fa6a7
rgb(143,166,167)
-
#87adaf
#87adaf
rgb(135,173,175)
-
#7fb4b7
#7fb4b7
rgb(127,180,183)
-
#78bbbe
#78bbbe
rgb(120,187,190)
-
#70c2c6
#70c2c6
rgb(112,194,198)
-
#68c9ce
#68c9ce
rgb(104,201,206)
-
#60d0d6
#60d0d6
rgb(96,208,214)
-
#59d6dd
#59d6dd
rgb(89,214,221)
-
#51dde5
#51dde5
rgb(81,221,229)
-
#49e4ed
#49e4ed
rgb(73,228,237)
-
#42ebf4
#42ebf4
rgb(66,235,244)
-
#3af2fc
#3af2fc
rgb(58,242,252)
Color Blindness Simulator
Below, you can see how #3af2fc 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.