#3afbb1 Color Information
In a RGB color space, hex #3afbb1 is composed of 22.7% red, 98.4% green and 69.4% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 0% magenta, 29.5% yellow and 1.6% black. It has a hue angle of 157 degrees, a saturation of 96% and a lightness of 60.6%. #3afbb1 color hex could be obtained by blending #74ffff with #00f763. Closest websafe color is: #33ff99.
-
- R 23
- G 98
- B 69
-
- C 77
- M 0
- Y 29
- K 2
● #3afbb1 color description : Bright cyan - lime green.
#3afbb1 Color Conversion
The hexadecimal color #3afbb1 has RGB values of R:58, G:251, B:177 and CMYK values of C:0.77, M:0, Y:0.29, K:0.02. Its decimal value is 3865521.
Hex triplet | 3afbb1 | #3afbb1 |
---|---|---|
RGB Decimal | 58, 251, 177 | rgb(58,251,177) |
RGB Percent | 22.7, 98.4, 69.4 | rgb(22.7%,98.4%,69.4%) |
CMYK | 77, 0, 29, 2 | |
HSL | 157°, 96, 60.6 | hsl(157,96%,60.6%) |
HSV (or HSB) | 157°, 76.9, 98.4 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 88.478, -63.037, 22.446 |
---|---|
XYZ | 44.174, 73.064, 53.367 |
xyY | 0.259, 0.428, 73.064 |
CIE-LCH | 88.478, 66.914, 160.401 |
CIE-LUV | 88.478, -71.248, 43.017 |
Hunter-Lab | 85.477, -57.337, 22.817 |
Binary | 00111010, 11111011, 10110001 |
Color Schemes with #3afbb1
Alternatives to #3afbb1
Below, you can see some colors close to #3afbb1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3afbb1 Preview
This text has a font color of #3afbb1.
<span style="color:#3afbb1;">Text here</span>
This paragraph has a background color of #3afbb1.
<p style="background-color:#3afbb1;">Content here</p>
This element has a border color of #3afbb1.
<div style="border:1px solid #3afbb1;">Content here</div>
.text {color:#3afbb1;}
.background {background-color:#3afbb1;}
.border {border:1px solid #3afbb1;}
Shades and Tints of #3afbb1
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, #000e09 is the darkest color, while #fafffd is the lightest one.
-
#000e09
#000e09
rgb(0,14,9)
-
#012215
#012215
rgb(1,34,21)
-
#013521
#013521
rgb(1,53,33)
-
#01482d
#01482d
rgb(1,72,45)
-
#025b39
#025b39
rgb(2,91,57)
-
#026f45
#026f45
rgb(2,111,69)
-
#038251
#038251
rgb(3,130,81)
-
#03955d
#03955d
rgb(3,149,93)
-
#03a869
#03a869
rgb(3,168,105)
-
#04bc75
#04bc75
rgb(4,188,117)
-
#04cf81
#04cf81
rgb(4,207,129)
-
#05e28d
#05e28d
rgb(5,226,141)
-
#05f599
#05f599
rgb(5,245,153)
-
#14faa2
#14faa2
rgb(20,250,162)
-
#27fba9
#27fba9
rgb(39,251,169)
-
#3afbb1
#3afbb1
rgb(58,251,177)
-
#4dfbb9
#4dfbb9
rgb(77,251,185)
-
#60fcc0
#60fcc0
rgb(96,252,192)
-
#74fcc8
#74fcc8
rgb(116,252,200)
-
#87fdcf
#87fdcf
rgb(135,253,207)
-
#9afdd7
#9afdd7
rgb(154,253,215)
-
#adfddf
#adfddf
rgb(173,253,223)
-
#c1fee6
#c1fee6
rgb(193,254,230)
-
#d4feee
#d4feee
rgb(212,254,238)
-
#e7fff6
#e7fff6
rgb(231,255,246)
-
#fafffd
#fafffd
rgb(250,255,253)
Tones of #3afbb1
A tone is produced by adding gray to any pure hue. In this case, #979e9b is the less saturated color, while #3afbb1 is the most saturated one.
-
#979e9b
#979e9b
rgb(151,158,155)
-
#8fa69d
#8fa69d
rgb(143,166,157)
-
#87ae9f
#87ae9f
rgb(135,174,159)
-
#80b5a1
#80b5a1
rgb(128,181,161)
-
#78bda3
#78bda3
rgb(120,189,163)
-
#70c5a4
#70c5a4
rgb(112,197,164)
-
#68cda6
#68cda6
rgb(104,205,166)
-
#61d4a8
#61d4a8
rgb(97,212,168)
-
#59dcaa
#59dcaa
rgb(89,220,170)
-
#51e4ac
#51e4ac
rgb(81,228,172)
-
#49ecad
#49ecad
rgb(73,236,173)
-
#42f3af
#42f3af
rgb(66,243,175)
-
#3afbb1
#3afbb1
rgb(58,251,177)
Color Blindness Simulator
Below, you can see how #3afbb1 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.