#3af9cc Color Information
In a RGB color space, hex #3af9cc is composed of 22.7% red, 97.6% green and 80% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 0% magenta, 18.1% yellow and 2.4% black. It has a hue angle of 165.9 degrees, a saturation of 94.1% and a lightness of 60.2%. #3af9cc color hex could be obtained by blending #74ffff with #00f399. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 80
-
- C 77
- M 0
- Y 18
- K 2
● #3af9cc color description : Bright cyan.
#3af9cc Color Conversion
The hexadecimal color #3af9cc has RGB values of R:58, G:249, B:204 and CMYK values of C:0.77, M:0, Y:0.18, K:0.02. Its decimal value is 3865036.
Hex triplet | 3af9cc | #3af9cc |
---|---|---|
RGB Decimal | 58, 249, 204 | rgb(58,249,204) |
RGB Percent | 22.7, 97.6, 80 | rgb(22.7%,97.6%,80%) |
CMYK | 77, 0, 18, 2 | |
HSL | 165.9°, 94.1, 60.2 | hsl(165.9,94.1%,60.2%) |
HSV (or HSB) | 165.9°, 76.7, 97.6 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.451, -56.193, 8.496 |
---|---|
XYZ | 46.516, 73.006, 68.763 |
xyY | 0.247, 0.388, 73.006 |
CIE-LCH | 88.451, 56.832, 171.403 |
CIE-LUV | 88.451, -68.762, 21.997 |
Hunter-Lab | 85.444, -52.35, 12.095 |
Binary | 00111010, 11111001, 11001100 |
Color Schemes with #3af9cc
Alternatives to #3af9cc
Below, you can see some colors close to #3af9cc. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af9cc Preview
This text has a font color of #3af9cc.
<span style="color:#3af9cc;">Text here</span>
This paragraph has a background color of #3af9cc.
<p style="background-color:#3af9cc;">Content here</p>
This element has a border color of #3af9cc.
<div style="border:1px solid #3af9cc;">Content here</div>
.text {color:#3af9cc;}
.background {background-color:#3af9cc;}
.border {border:1px solid #3af9cc;}
Shades and Tints of #3af9cc
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, #000c0a is the darkest color, while #f8fffd is the lightest one.
-
#000c0a
#000c0a
rgb(0,12,10)
-
#011f18
#011f18
rgb(1,31,24)
-
#023227
#023227
rgb(2,50,39)
-
#024536
#024536
rgb(2,69,54)
-
#035944
#035944
rgb(3,89,68)
-
#036c53
#036c53
rgb(3,108,83)
-
#047f62
#047f62
rgb(4,127,98)
-
#049270
#049270
rgb(4,146,112)
-
#05a57f
#05a57f
rgb(5,165,127)
-
#06b88e
#06b88e
rgb(6,184,142)
-
#06cb9c
#06cb9c
rgb(6,203,156)
-
#07deab
#07deab
rgb(7,222,171)
-
#07f1ba
#07f1ba
rgb(7,241,186)
-
#14f8c2
#14f8c2
rgb(20,248,194)
-
#27f8c7
#27f8c7
rgb(39,248,199)
-
#3af9cc
#3af9cc
rgb(58,249,204)
-
#4dfad1
#4dfad1
rgb(77,250,209)
-
#60fad6
#60fad6
rgb(96,250,214)
-
#73fbdb
#73fbdb
rgb(115,251,219)
-
#86fbe0
#86fbe0
rgb(134,251,224)
-
#99fce5
#99fce5
rgb(153,252,229)
-
#acfcea
#acfcea
rgb(172,252,234)
-
#bffdee
#bffdee
rgb(191,253,238)
-
#d2fef3
#d2fef3
rgb(210,254,243)
-
#e5fef8
#e5fef8
rgb(229,254,248)
-
#f8fffd
#f8fffd
rgb(248,255,253)
Tones of #3af9cc
A tone is produced by adding gray to any pure hue. In this case, #989b9a is the less saturated color, while #3af9cc is the most saturated one.
-
#989b9a
#989b9a
rgb(152,155,154)
-
#90a39f
#90a39f
rgb(144,163,159)
-
#88aba3
#88aba3
rgb(136,171,163)
-
#80b3a7
#80b3a7
rgb(128,179,167)
-
#78bbab
#78bbab
rgb(120,187,171)
-
#71c2af
#71c2af
rgb(113,194,175)
-
#69cab3
#69cab3
rgb(105,202,179)
-
#61d2b7
#61d2b7
rgb(97,210,183)
-
#59dabb
#59dabb
rgb(89,218,187)
-
#51e2c0
#51e2c0
rgb(81,226,192)
-
#4ae9c4
#4ae9c4
rgb(74,233,196)
-
#42f1c8
#42f1c8
rgb(66,241,200)
-
#3af9cc
#3af9cc
rgb(58,249,204)
Color Blindness Simulator
Below, you can see how #3af9cc 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.