#3af9f8 Color Information
In a RGB color space, hex #3af9f8 is composed of 22.7% red, 97.6% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 0.4% yellow and 2.4% black. It has a hue angle of 179.7 degrees, a saturation of 94.1% and a lightness of 60.2%. #3af9f8 color hex could be obtained by blending #74ffff with #00f3f1. Closest websafe color is: #33ffff.
-
- R 23
- G 98
- B 97
-
- C 77
- M 0
- Y 0
- K 2
● #3af9f8 color description : Bright cyan.
#3af9f8 Color Conversion
The hexadecimal color #3af9f8 has RGB values of R:58, G:249, B:248 and CMYK values of C:0.77, M:0, Y:0, K:0.02. Its decimal value is 3865080.
Hex triplet | 3af9f8 | #3af9f8 |
---|---|---|
RGB Decimal | 58, 249, 248 | rgb(58,249,248) |
RGB Percent | 22.7, 97.6, 97.3 | rgb(22.7%,97.6%,97.3%) |
CMYK | 77, 0, 0, 2 | |
HSL | 179.7°, 94.1, 60.2 | hsl(179.7,94.1%,60.2%) |
HSV (or HSB) | 179.7°, 76.7, 97.6 | |
Web Safe | 33ffff | #33ffff |
CIE-LAB | 89.591, -44.735, -12.734 |
---|---|
XYZ | 52.559, 75.423, 100.59 |
xyY | 0.23, 0.33, 75.423 |
CIE-LCH | 89.591, 46.512, 195.89 |
CIE-LUV | 89.591, -65.609, -13.317 |
Hunter-Lab | 86.846, -43.955, -7.88 |
Binary | 00111010, 11111001, 11111000 |
Color Schemes with #3af9f8
Alternatives to #3af9f8
Below, you can see some colors close to #3af9f8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af9f8 Preview
This text has a font color of #3af9f8.
<span style="color:#3af9f8;">Text here</span>
This paragraph has a background color of #3af9f8.
<p style="background-color:#3af9f8;">Content here</p>
This element has a border color of #3af9f8.
<div style="border:1px solid #3af9f8;">Content here</div>
.text {color:#3af9f8;}
.background {background-color:#3af9f8;}
.border {border:1px solid #3af9f8;}
Shades and Tints of #3af9f8
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 #f8ffff is the lightest one.
-
#000c0c
#000c0c
rgb(0,12,12)
-
#011f1f
#011f1f
rgb(1,31,31)
-
#023232
#023232
rgb(2,50,50)
-
#024545
#024545
rgb(2,69,69)
-
#035958
#035958
rgb(3,89,88)
-
#036c6b
#036c6b
rgb(3,108,107)
-
#047f7e
#047f7e
rgb(4,127,126)
-
#049291
#049291
rgb(4,146,145)
-
#05a5a4
#05a5a4
rgb(5,165,164)
-
#06b8b7
#06b8b7
rgb(6,184,183)
-
#06cbca
#06cbca
rgb(6,203,202)
-
#07dedd
#07dedd
rgb(7,222,221)
-
#07f1f0
#07f1f0
rgb(7,241,240)
-
#14f8f7
#14f8f7
rgb(20,248,247)
-
#27f8f7
#27f8f7
rgb(39,248,247)
-
#3af9f8
#3af9f8
rgb(58,249,248)
-
#4dfaf9
#4dfaf9
rgb(77,250,249)
-
#60faf9
#60faf9
rgb(96,250,249)
-
#73fbfa
#73fbfa
rgb(115,251,250)
-
#86fbfb
#86fbfb
rgb(134,251,251)
-
#99fcfb
#99fcfb
rgb(153,252,251)
-
#acfcfc
#acfcfc
rgb(172,252,252)
-
#bffdfd
#bffdfd
rgb(191,253,253)
-
#d2fefd
#d2fefd
rgb(210,254,253)
-
#e5fefe
#e5fefe
rgb(229,254,254)
-
#f8ffff
#f8ffff
rgb(248,255,255)
Tones of #3af9f8
A tone is produced by adding gray to any pure hue. In this case, #989b9b is the less saturated color, while #3af9f8 is the most saturated one.
-
#989b9b
#989b9b
rgb(152,155,155)
-
#90a3a3
#90a3a3
rgb(144,163,163)
-
#88abab
#88abab
rgb(136,171,171)
-
#80b3b2
#80b3b2
rgb(128,179,178)
-
#78bbba
#78bbba
rgb(120,187,186)
-
#71c2c2
#71c2c2
rgb(113,194,194)
-
#69caca
#69caca
rgb(105,202,202)
-
#61d2d1
#61d2d1
rgb(97,210,209)
-
#59dad9
#59dad9
rgb(89,218,217)
-
#51e2e1
#51e2e1
rgb(81,226,225)
-
#4ae9e9
#4ae9e9
rgb(74,233,233)
-
#42f1f0
#42f1f0
rgb(66,241,240)
-
#3af9f8
#3af9f8
rgb(58,249,248)
Color Blindness Simulator
Below, you can see how #3af9f8 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.