#3af5bb Color Information
In a RGB color space, hex #3af5bb is composed of 22.7% red, 96.1% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 0% magenta, 23.7% yellow and 3.9% black. It has a hue angle of 161.4 degrees, a saturation of 90.3% and a lightness of 59.4%. #3af5bb color hex could be obtained by blending #74ffff with #00eb77. Closest websafe color is: #33ffcc.
-
- R 23
- G 96
- B 73
-
- C 76
- M 0
- Y 24
- K 4
● #3af5bb color description : Bright cyan - lime green.
#3af5bb Color Conversion
The hexadecimal color #3af5bb has RGB values of R:58, G:245, B:187 and CMYK values of C:0.76, M:0, Y:0.24, K:0.04. Its decimal value is 3863995.
Hex triplet | 3af5bb | #3af5bb |
---|---|---|
RGB Decimal | 58, 245, 187 | rgb(58,245,187) |
RGB Percent | 22.7, 96.1, 73.3 | rgb(22.7%,96.1%,73.3%) |
CMYK | 76, 0, 24, 4 | |
HSL | 161.4°, 90.3, 59.4 | hsl(161.4,90.3%,59.4%) |
HSV (or HSB) | 161.4°, 76.3, 96.1 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 86.893, -58.588, 15.093 |
---|---|
XYZ | 43.363, 69.788, 58.196 |
xyY | 0.253, 0.407, 69.788 |
CIE-LCH | 86.893, 60.501, 165.554 |
CIE-LUV | 86.893, -68.564, 31.933 |
Hunter-Lab | 83.539, -53.538, 17.174 |
Binary | 00111010, 11110101, 10111011 |
Color Schemes with #3af5bb
Alternatives to #3af5bb
Below, you can see some colors close to #3af5bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af5bb Preview
This text has a font color of #3af5bb.
<span style="color:#3af5bb;">Text here</span>
This paragraph has a background color of #3af5bb.
<p style="background-color:#3af5bb;">Content here</p>
This element has a border color of #3af5bb.
<div style="border:1px solid #3af5bb;">Content here</div>
.text {color:#3af5bb;}
.background {background-color:#3af5bb;}
.border {border:1px solid #3af5bb;}
Shades and Tints of #3af5bb
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, #000806 is the darkest color, while #f5fefb is the lightest one.
-
#000806
#000806
rgb(0,8,6)
-
#011b13
#011b13
rgb(1,27,19)
-
#022e20
#022e20
rgb(2,46,32)
-
#03402d
#03402d
rgb(3,64,45)
-
#04533b
#04533b
rgb(4,83,59)
-
#056648
#056648
rgb(5,102,72)
-
#067855
#067855
rgb(6,120,85)
-
#078b62
#078b62
rgb(7,139,98)
-
#089e6f
#089e6f
rgb(8,158,111)
-
#09b07c
#09b07c
rgb(9,176,124)
-
#0ac38a
#0ac38a
rgb(10,195,138)
-
#0bd697
#0bd697
rgb(11,214,151)
-
#0ce8a4
#0ce8a4
rgb(12,232,164)
-
#15f3ae
#15f3ae
rgb(21,243,174)
-
#27f4b5
#27f4b5
rgb(39,244,181)
-
#3af5bb
#3af5bb
rgb(58,245,187)
-
#4df6c1
#4df6c1
rgb(77,246,193)
-
#5ff7c8
#5ff7c8
rgb(95,247,200)
-
#72f8ce
#72f8ce
rgb(114,248,206)
-
#85f9d5
#85f9d5
rgb(133,249,213)
-
#97fadb
#97fadb
rgb(151,250,219)
-
#aafbe2
#aafbe2
rgb(170,251,226)
-
#bdfce8
#bdfce8
rgb(189,252,232)
-
#cffdef
#cffdef
rgb(207,253,239)
-
#e2fef5
#e2fef5
rgb(226,254,245)
-
#f5fefb
#f5fefb
rgb(245,254,251)
Tones of #3af5bb
A tone is produced by adding gray to any pure hue. In this case, #929d9a is the less saturated color, while #32fdbe is the most saturated one.
-
#929d9a
#929d9a
rgb(146,157,154)
-
#8aa59d
#8aa59d
rgb(138,165,157)
-
#82ada0
#82ada0
rgb(130,173,160)
-
#7ab5a3
#7ab5a3
rgb(122,181,163)
-
#72bda6
#72bda6
rgb(114,189,166)
-
#6ac5a9
#6ac5a9
rgb(106,197,169)
-
#62cdac
#62cdac
rgb(98,205,172)
-
#5ad5af
#5ad5af
rgb(90,213,175)
-
#52ddb2
#52ddb2
rgb(82,221,178)
-
#4ae5b5
#4ae5b5
rgb(74,229,181)
-
#42edb8
#42edb8
rgb(66,237,184)
-
#3af5bb
#3af5bb
rgb(58,245,187)
-
#32fdbe
#32fdbe
rgb(50,253,190)
Color Blindness Simulator
Below, you can see how #3af5bb 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.