#3af0f9 Color Information
In a RGB color space, hex #3af0f9 is composed of 22.7% red, 94.1% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 3.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 182.8 degrees, a saturation of 94.1% and a lightness of 60.2%. #3af0f9 color hex could be obtained by blending #74ffff with #00e1f3. Closest websafe color is: #33ffff.
-
- R 23
- G 94
- B 98
-
- C 77
- M 4
- Y 0
- K 2
● #3af0f9 color description : Bright cyan.
#3af0f9 Color Conversion
The hexadecimal color #3af0f9 has RGB values of R:58, G:240, B:249 and CMYK values of C:0.77, M:0.04, Y:0, K:0.02. Its decimal value is 3862777.
Hex triplet | 3af0f9 | #3af0f9 |
---|---|---|
RGB Decimal | 58, 240, 249 | rgb(58,240,249) |
RGB Percent | 22.7, 94.1, 97.6 | rgb(22.7%,94.1%,97.6%) |
CMYK | 77, 4, 0, 2 | |
HSL | 182.8°, 94.1, 60.2 | hsl(182.8,94.1%,60.2%) |
HSV (or HSB) | 182.8°, 76.7, 97.6 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 87.024, -40.443, -17.105 |
---|---|
XYZ | 49.999, 70.054, 100.504 |
xyY | 0.227, 0.318, 70.054 |
CIE-LCH | 87.024, 43.912, 202.926 |
CIE-LUV | 87.024, -62.475, -21.194 |
Hunter-Lab | 83.699, -39.842, -12.606 |
Binary | 00111010, 11110000, 11111001 |
Color Schemes with #3af0f9
Alternatives to #3af0f9
Below, you can see some colors close to #3af0f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af0f9 Preview
This text has a font color of #3af0f9.
<span style="color:#3af0f9;">Text here</span>
This paragraph has a background color of #3af0f9.
<p style="background-color:#3af0f9;">Content here</p>
This element has a border color of #3af0f9.
<div style="border:1px solid #3af0f9;">Content here</div>
.text {color:#3af0f9;}
.background {background-color:#3af0f9;}
.border {border:1px solid #3af0f9;}
Shades and Tints of #3af0f9
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, #000c0c is the darkest color, while #f8feff is the lightest one.
-
#000c0c
#000c0c
rgb(0,12,12)
-
#011e1f
#011e1f
rgb(1,30,31)
-
#023032
#023032
rgb(2,48,50)
-
#024245
#024245
rgb(2,66,69)
-
#035459
#035459
rgb(3,84,89)
-
#03676c
#03676c
rgb(3,103,108)
-
#04797f
#04797f
rgb(4,121,127)
-
#048b92
#048b92
rgb(4,139,146)
-
#059da5
#059da5
rgb(5,157,165)
-
#06afb8
#06afb8
rgb(6,175,184)
-
#06c1cb
#06c1cb
rgb(6,193,203)
-
#07d4de
#07d4de
rgb(7,212,222)
-
#07e6f1
#07e6f1
rgb(7,230,241)
-
#14edf8
#14edf8
rgb(20,237,248)
-
#27eff8
#27eff8
rgb(39,239,248)
-
#3af0f9
#3af0f9
rgb(58,240,249)
-
#4df1fa
#4df1fa
rgb(77,241,250)
-
#60f3fa
#60f3fa
rgb(96,243,250)
-
#73f4fb
#73f4fb
rgb(115,244,251)
-
#86f6fb
#86f6fb
rgb(134,246,251)
-
#99f7fc
#99f7fc
rgb(153,247,252)
-
#acf9fc
#acf9fc
rgb(172,249,252)
-
#bffafd
#bffafd
rgb(191,250,253)
-
#d2fcfe
#d2fcfe
rgb(210,252,254)
-
#e5fdfe
#e5fdfe
rgb(229,253,254)
-
#f8feff
#f8feff
rgb(248,254,255)
Tones of #3af0f9
A tone is produced by adding gray to any pure hue. In this case, #989b9b is the less saturated color, while #3af0f9 is the most saturated one.
-
#989b9b
#989b9b
rgb(152,155,155)
-
#90a2a3
#90a2a3
rgb(144,162,163)
-
#88a9ab
#88a9ab
rgb(136,169,171)
-
#80b0b3
#80b0b3
rgb(128,176,179)
-
#78b7bb
#78b7bb
rgb(120,183,187)
-
#71bec2
#71bec2
rgb(113,190,194)
-
#69c6ca
#69c6ca
rgb(105,198,202)
-
#61cdd2
#61cdd2
rgb(97,205,210)
-
#59d4da
#59d4da
rgb(89,212,218)
-
#51dbe2
#51dbe2
rgb(81,219,226)
-
#4ae2e9
#4ae2e9
rgb(74,226,233)
-
#42e9f1
#42e9f1
rgb(66,233,241)
-
#3af0f9
#3af0f9
rgb(58,240,249)
Color Blindness Simulator
Below, you can see how #3af0f9 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.