#3afbd1 Color Information
In a RGB color space, hex #3afbd1 is composed of 22.7% red, 98.4% green and 82% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 16.7% yellow and 1.6% black. It has a hue angle of 166.9 degrees, a saturation of 96% and a lightness of 60.6%. #3afbd1 color hex could be obtained by blending #74ffff with #00f7a3. Closest websafe color is: #33ffcc.
-
- R 23
- G 98
- B 82
-
- C 77
- M 0
- Y 17
- K 2
● #3afbd1 color description : Bright cyan.
#3afbd1 Color Conversion
The hexadecimal color #3afbd1 has RGB values of R:58, G:251, B:209 and CMYK values of C:0.77, M:0, Y:0.17, K:0.02. Its decimal value is 3865553.
Hex triplet | 3afbd1 | #3afbd1 |
---|---|---|
RGB Decimal | 58, 251, 209 | rgb(58,251,209) |
RGB Percent | 22.7, 98.4, 82 | rgb(22.7%,98.4%,82%) |
CMYK | 77, 0, 17, 2 | |
HSL | 166.9°, 96, 60.6 | hsl(166.9,96%,60.6%) |
HSV (or HSB) | 166.9°, 76.9, 98.4 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 89.155, -55.783, 6.914 |
---|---|
XYZ | 47.747, 74.493, 72.18 |
xyY | 0.246, 0.383, 74.493 |
CIE-LCH | 89.155, 56.21, 172.935 |
CIE-LUV | 89.155, -69.091, 19.582 |
Hunter-Lab | 86.309, -52.294, 10.832 |
Binary | 00111010, 11111011, 11010001 |
Color Schemes with #3afbd1
Alternatives to #3afbd1
Below, you can see some colors close to #3afbd1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afbd1 Preview
This text has a font color of #3afbd1.
<span style="color:#3afbd1;">Text here</span>
This paragraph has a background color of #3afbd1.
<p style="background-color:#3afbd1;">Content here</p>
This element has a border color of #3afbd1.
<div style="border:1px solid #3afbd1;">Content here</div>
.text {color:#3afbd1;}
.background {background-color:#3afbd1;}
.border {border:1px solid #3afbd1;}
Shades and Tints of #3afbd1
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, #000e0b is the darkest color, while #fafffe is the lightest one.
-
#000e0b
#000e0b
rgb(0,14,11)
-
#01221b
#01221b
rgb(1,34,27)
-
#01352a
#01352a
rgb(1,53,42)
-
#014839
#014839
rgb(1,72,57)
-
#025b48
#025b48
rgb(2,91,72)
-
#026f57
#026f57
rgb(2,111,87)
-
#038266
#038266
rgb(3,130,102)
-
#039575
#039575
rgb(3,149,117)
-
#03a884
#03a884
rgb(3,168,132)
-
#04bc94
#04bc94
rgb(4,188,148)
-
#04cfa3
#04cfa3
rgb(4,207,163)
-
#05e2b2
#05e2b2
rgb(5,226,178)
-
#05f5c1
#05f5c1
rgb(5,245,193)
-
#14fac8
#14fac8
rgb(20,250,200)
-
#27fbcd
#27fbcd
rgb(39,251,205)
-
#3afbd1
#3afbd1
rgb(58,251,209)
-
#4dfbd5
#4dfbd5
rgb(77,251,213)
-
#60fcda
#60fcda
rgb(96,252,218)
-
#74fcde
#74fcde
rgb(116,252,222)
-
#87fde3
#87fde3
rgb(135,253,227)
-
#9afde7
#9afde7
rgb(154,253,231)
-
#adfdec
#adfdec
rgb(173,253,236)
-
#c1fef0
#c1fef0
rgb(193,254,240)
-
#d4fef5
#d4fef5
rgb(212,254,245)
-
#e7fff9
#e7fff9
rgb(231,255,249)
-
#fafffe
#fafffe
rgb(250,255,254)
Tones of #3afbd1
A tone is produced by adding gray to any pure hue. In this case, #979e9d is the less saturated color, while #3afbd1 is the most saturated one.
-
#979e9d
#979e9d
rgb(151,158,157)
-
#8fa6a1
#8fa6a1
rgb(143,166,161)
-
#87aea5
#87aea5
rgb(135,174,165)
-
#80b5aa
#80b5aa
rgb(128,181,170)
-
#78bdae
#78bdae
rgb(120,189,174)
-
#70c5b2
#70c5b2
rgb(112,197,178)
-
#68cdb7
#68cdb7
rgb(104,205,183)
-
#61d4bb
#61d4bb
rgb(97,212,187)
-
#59dcc0
#59dcc0
rgb(89,220,192)
-
#51e4c4
#51e4c4
rgb(81,228,196)
-
#49ecc8
#49ecc8
rgb(73,236,200)
-
#42f3cd
#42f3cd
rgb(66,243,205)
-
#3afbd1
#3afbd1
rgb(58,251,209)
Color Blindness Simulator
Below, you can see how #3afbd1 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.