#3af7dd Color Information
In a RGB color space, hex #3af7dd is composed of 22.7% red, 96.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 0% magenta, 10.5% yellow and 3.1% black. It has a hue angle of 171.7 degrees, a saturation of 92.2% and a lightness of 59.8%. #3af7dd color hex could be obtained by blending #74ffff with #00efbb. Closest websafe color is: #33ffcc.
-
- R 23
- G 97
- B 87
-
- C 77
- M 0
- Y 11
- K 3
● #3af7dd color description : Bright cyan.
#3af7dd Color Conversion
The hexadecimal color #3af7dd has RGB values of R:58, G:247, B:221 and CMYK values of C:0.77, M:0, Y:0.11, K:0.03. Its decimal value is 3864541.
Hex triplet | 3af7dd | #3af7dd |
---|---|---|
RGB Decimal | 58, 247, 221 | rgb(58,247,221) |
RGB Percent | 22.7, 96.9, 86.7 | rgb(22.7%,96.9%,86.7%) |
CMYK | 77, 0, 11, 3 | |
HSL | 171.7°, 92.2, 59.8 | hsl(171.7,92.2%,59.8%) |
HSV (or HSB) | 171.7°, 76.5, 96.9 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.274, -51.141, -0.605 |
---|---|
XYZ | 48.052, 72.637, 79.89 |
xyY | 0.24, 0.362, 72.637 |
CIE-LCH | 88.274, 51.144, 180.678 |
CIE-LUV | 88.274, -66.882, 7.252 |
Hunter-Lab | 85.227, -48.507, 4.082 |
Binary | 00111010, 11110111, 11011101 |
Color Schemes with #3af7dd
Alternatives to #3af7dd
Below, you can see some colors close to #3af7dd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af7dd Preview
This text has a font color of #3af7dd.
<span style="color:#3af7dd;">Text here</span>
This paragraph has a background color of #3af7dd.
<p style="background-color:#3af7dd;">Content here</p>
This element has a border color of #3af7dd.
<div style="border:1px solid #3af7dd;">Content here</div>
.text {color:#3af7dd;}
.background {background-color:#3af7dd;}
.border {border:1px solid #3af7dd;}
Shades and Tints of #3af7dd
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, #000a09 is the darkest color, while #f6fffe is the lightest one.
-
#000a09
#000a09
rgb(0,10,9)
-
#011d19
#011d19
rgb(1,29,25)
-
#02302a
#02302a
rgb(2,48,42)
-
#03433a
#03433a
rgb(3,67,58)
-
#03564a
#03564a
rgb(3,86,74)
-
#04695b
#04695b
rgb(4,105,91)
-
#057b6b
#057b6b
rgb(5,123,107)
-
#068e7c
#068e7c
rgb(6,142,124)
-
#07a18c
#07a18c
rgb(7,161,140)
-
#07b49c
#07b49c
rgb(7,180,156)
-
#08c7ad
#08c7ad
rgb(8,199,173)
-
#09dabd
#09dabd
rgb(9,218,189)
-
#0aedcd
#0aedcd
rgb(10,237,205)
-
#14f5d6
#14f5d6
rgb(20,245,214)
-
#27f6da
#27f6da
rgb(39,246,218)
-
#3af7dd
#3af7dd
rgb(58,247,221)
-
#4df8e0
#4df8e0
rgb(77,248,224)
-
#60f9e4
#60f9e4
rgb(96,249,228)
-
#73f9e7
#73f9e7
rgb(115,249,231)
-
#85faea
#85faea
rgb(133,250,234)
-
#98fbed
#98fbed
rgb(152,251,237)
-
#abfcf1
#abfcf1
rgb(171,252,241)
-
#befcf4
#befcf4
rgb(190,252,244)
-
#d1fdf7
#d1fdf7
rgb(209,253,247)
-
#e4fefa
#e4fefa
rgb(228,254,250)
-
#f6fffe
#f6fffe
rgb(246,255,254)
Tones of #3af7dd
A tone is produced by adding gray to any pure hue. In this case, #91a09e is the less saturated color, while #32ffe3 is the most saturated one.
-
#91a09e
#91a09e
rgb(145,160,158)
-
#89a8a4
#89a8a4
rgb(137,168,164)
-
#81b0aa
#81b0aa
rgb(129,176,170)
-
#79b8af
#79b8af
rgb(121,184,175)
-
#71c0b5
#71c0b5
rgb(113,192,181)
-
#69c8bb
#69c8bb
rgb(105,200,187)
-
#61d0c0
#61d0c0
rgb(97,208,192)
-
#5ad7c6
#5ad7c6
rgb(90,215,198)
-
#52dfcc
#52dfcc
rgb(82,223,204)
-
#4ae7d2
#4ae7d2
rgb(74,231,210)
-
#42efd7
#42efd7
rgb(66,239,215)
-
#3af7dd
#3af7dd
rgb(58,247,221)
-
#32ffe3
#32ffe3
rgb(50,255,227)
Color Blindness Simulator
Below, you can see how #3af7dd 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.