#3af8cc Color Information
In a RGB color space, hex #3af8cc is composed of 22.7% red, 97.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.6% cyan, 0% magenta, 17.7% yellow and 2.7% black. It has a hue angle of 166.1 degrees, a saturation of 93.1% and a lightness of 60%. #3af8cc color hex could be obtained by blending #74ffff with #00f199. Closest websafe color is: #33ffcc.
-
- R 23
- G 97
- B 80
-
- C 77
- M 0
- Y 18
- K 3
● #3af8cc color description : Bright cyan.
#3af8cc Color Conversion
The hexadecimal color #3af8cc has RGB values of R:58, G:248, B:204 and CMYK values of C:0.77, M:0, Y:0.18, K:0.03. Its decimal value is 3864780.
Hex triplet | 3af8cc | #3af8cc |
---|---|---|
RGB Decimal | 58, 248, 204 | rgb(58,248,204) |
RGB Percent | 22.7, 97.3, 80 | rgb(22.7%,97.3%,80%) |
CMYK | 77, 0, 18, 3 | |
HSL | 166.1°, 93.1, 60 | hsl(166.1,93.1%,60%) |
HSV (or HSB) | 166.1°, 76.6, 97.3 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.156, -55.795, 8.073 |
---|---|
XYZ | 46.207, 72.389, 68.661 |
xyY | 0.247, 0.387, 72.389 |
CIE-LCH | 88.156, 56.376, 171.767 |
CIE-LUV | 88.156, -68.423, 21.29 |
Hunter-Lab | 85.082, -51.951, 11.711 |
Binary | 00111010, 11111000, 11001100 |
Color Schemes with #3af8cc
Alternatives to #3af8cc
Below, you can see some colors close to #3af8cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af8cc Preview
This text has a font color of #3af8cc.
<span style="color:#3af8cc;">Text here</span>
This paragraph has a background color of #3af8cc.
<p style="background-color:#3af8cc;">Content here</p>
This element has a border color of #3af8cc.
<div style="border:1px solid #3af8cc;">Content here</div>
.text {color:#3af8cc;}
.background {background-color:#3af8cc;}
.border {border:1px solid #3af8cc;}
Shades and Tints of #3af8cc
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, #000b09 is the darkest color, while #f7fffd is the lightest one.
-
#000b09
#000b09
rgb(0,11,9)
-
#011e18
#011e18
rgb(1,30,24)
-
#023126
#023126
rgb(2,49,38)
-
#024435
#024435
rgb(2,68,53)
-
#035744
#035744
rgb(3,87,68)
-
#046a52
#046a52
rgb(4,106,82)
-
#047d61
#047d61
rgb(4,125,97)
-
#059070
#059070
rgb(5,144,112)
-
#06a37f
#06a37f
rgb(6,163,127)
-
#06b68d
#06b68d
rgb(6,182,141)
-
#07c99c
#07c99c
rgb(7,201,156)
-
#08dcab
#08dcab
rgb(8,220,171)
-
#08efb9
#08efb9
rgb(8,239,185)
-
#14f7c2
#14f7c2
rgb(20,247,194)
-
#27f7c7
#27f7c7
rgb(39,247,199)
-
#3af8cc
#3af8cc
rgb(58,248,204)
-
#4df9d1
#4df9d1
rgb(77,249,209)
-
#60f9d6
#60f9d6
rgb(96,249,214)
-
#73fadb
#73fadb
rgb(115,250,219)
-
#86fbe0
#86fbe0
rgb(134,251,224)
-
#99fbe5
#99fbe5
rgb(153,251,229)
-
#acfce9
#acfce9
rgb(172,252,233)
-
#bffdee
#bffdee
rgb(191,253,238)
-
#d2fdf3
#d2fdf3
rgb(210,253,243)
-
#e4fef8
#e4fef8
rgb(228,254,248)
-
#f7fffd
#f7fffd
rgb(247,255,253)
Tones of #3af8cc
A tone is produced by adding gray to any pure hue. In this case, #989a99 is the less saturated color, while #3af8cc is the most saturated one.
-
#989a99
#989a99
rgb(152,154,153)
-
#90a29e
#90a29e
rgb(144,162,158)
-
#88aaa2
#88aaa2
rgb(136,170,162)
-
#81b1a6
#81b1a6
rgb(129,177,166)
-
#79b9aa
#79b9aa
rgb(121,185,170)
-
#71c1af
#71c1af
rgb(113,193,175)
-
#69c9b3
#69c9b3
rgb(105,201,179)
-
#61d1b7
#61d1b7
rgb(97,209,183)
-
#59d9bb
#59d9bb
rgb(89,217,187)
-
#52e0bf
#52e0bf
rgb(82,224,191)
-
#4ae8c4
#4ae8c4
rgb(74,232,196)
-
#42f0c8
#42f0c8
rgb(66,240,200)
-
#3af8cc
#3af8cc
rgb(58,248,204)
Color Blindness Simulator
Below, you can see how #3af8cc 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.