#3afad2 Color Information
In a RGB color space, hex #3afad2 is composed of 22.7% red, 98% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 76.8% cyan, 0% magenta, 16% yellow and 2% black. It has a hue angle of 167.5 degrees, a saturation of 95% and a lightness of 60.4%. #3afad2 color hex could be obtained by blending #74ffff with #00f5a5. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 82
-
- C 77
- M 0
- Y 16
- K 2
● #3afad2 color description : Bright cyan.
#3afad2 Color Conversion
The hexadecimal color #3afad2 has RGB values of R:58, G:250, B:210 and CMYK values of C:0.77, M:0, Y:0.16, K:0.02. Its decimal value is 3865298.
Hex triplet | 3afad2 | #3afad2 |
---|---|---|
RGB Decimal | 58, 250, 210 | rgb(58,250,210) |
RGB Percent | 22.7, 98, 82.4 | rgb(22.7%,98%,82.4%) |
CMYK | 77, 0, 16, 2 | |
HSL | 167.5°, 95, 60.4 | hsl(167.5,95%,60.4%) |
HSV (or HSB) | 167.5°, 76.8, 98 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 88.884, -55.138, 6.005 |
---|---|
XYZ | 47.559, 73.919, 72.731 |
xyY | 0.245, 0.381, 73.919 |
CIE-LCH | 88.884, 55.464, 173.784 |
CIE-LUV | 88.884, -68.682, 18.096 |
Hunter-Lab | 85.976, -51.718, 10.028 |
Binary | 00111010, 11111010, 11010010 |
Color Schemes with #3afad2
Alternatives to #3afad2
Below, you can see some colors close to #3afad2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afad2 Preview
This text has a font color of #3afad2.
<span style="color:#3afad2;">Text here</span>
This paragraph has a background color of #3afad2.
<p style="background-color:#3afad2;">Content here</p>
This element has a border color of #3afad2.
<div style="border:1px solid #3afad2;">Content here</div>
.text {color:#3afad2;}
.background {background-color:#3afad2;}
.border {border:1px solid #3afad2;}
Shades and Tints of #3afad2
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, #000d0b is the darkest color, while #f9fffe is the lightest one.
-
#000d0b
#000d0b
rgb(0,13,11)
-
#01211a
#01211a
rgb(1,33,26)
-
#013429
#013429
rgb(1,52,41)
-
#024738
#024738
rgb(2,71,56)
-
#025a48
#025a48
rgb(2,90,72)
-
#036d57
#036d57
rgb(3,109,87)
-
#038066
#038066
rgb(3,128,102)
-
#049375
#049375
rgb(4,147,117)
-
#04a685
#04a685
rgb(4,166,133)
-
#05ba94
#05ba94
rgb(5,186,148)
-
#05cda3
#05cda3
rgb(5,205,163)
-
#06e0b2
#06e0b2
rgb(6,224,178)
-
#06f3c2
#06f3c2
rgb(6,243,194)
-
#14f9c9
#14f9c9
rgb(20,249,201)
-
#27face
#27face
rgb(39,250,206)
-
#3afad2
#3afad2
rgb(58,250,210)
-
#4dfad6
#4dfad6
rgb(77,250,214)
-
#60fbdb
#60fbdb
rgb(96,251,219)
-
#73fbdf
#73fbdf
rgb(115,251,223)
-
#87fce3
#87fce3
rgb(135,252,227)
-
#9afce8
#9afce8
rgb(154,252,232)
-
#adfdec
#adfdec
rgb(173,253,236)
-
#c0fdf1
#c0fdf1
rgb(192,253,241)
-
#d3fef5
#d3fef5
rgb(211,254,245)
-
#e6fef9
#e6fef9
rgb(230,254,249)
-
#f9fffe
#f9fffe
rgb(249,255,254)
Tones of #3afad2
A tone is produced by adding gray to any pure hue. In this case, #979d9c is the less saturated color, while #3afad2 is the most saturated one.
-
#979d9c
#979d9c
rgb(151,157,156)
-
#8fa5a0
#8fa5a0
rgb(143,165,160)
-
#88aca5
#88aca5
rgb(136,172,165)
-
#80b4a9
#80b4a9
rgb(128,180,169)
-
#78bcae
#78bcae
rgb(120,188,174)
-
#70c4b2
#70c4b2
rgb(112,196,178)
-
#69cbb7
#69cbb7
rgb(105,203,183)
-
#61d3bb
#61d3bb
rgb(97,211,187)
-
#59dbc0
#59dbc0
rgb(89,219,192)
-
#51e3c4
#51e3c4
rgb(81,227,196)
-
#4aeac9
#4aeac9
rgb(74,234,201)
-
#42f2cd
#42f2cd
rgb(66,242,205)
-
#3afad2
#3afad2
rgb(58,250,210)
Color Blindness Simulator
Below, you can see how #3afad2 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.