#3af4bd Color Information
In a RGB color space, hex #3af4bd is composed of 22.7% red, 95.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 76.2% cyan, 0% magenta, 22.5% yellow and 4.3% black. It has a hue angle of 162.3 degrees, a saturation of 89.4% and a lightness of 59.2%. #3af4bd color hex could be obtained by blending #74ffff with #00e97b. Closest websafe color is: #33ffcc.
-
- R 23
- G 96
- B 74
-
- C 76
- M 0
- Y 23
- K 4
● #3af4bd color description : Bright cyan - lime green.
#3af4bd Color Conversion
The hexadecimal color #3af4bd has RGB values of R:58, G:244, B:189 and CMYK values of C:0.76, M:0, Y:0.23, K:0.04. Its decimal value is 3863741.
Hex triplet | 3af4bd | #3af4bd |
---|---|---|
RGB Decimal | 58, 244, 189 | rgb(58,244,189) |
RGB Percent | 22.7, 95.7, 74.1 | rgb(22.7%,95.7%,74.1%) |
CMYK | 76, 0, 23, 4 | |
HSL | 162.3°, 89.4, 59.2 | hsl(162.3,89.4%,59.2%) |
HSV (or HSB) | 162.3°, 76.2, 95.7 | |
Web Safe | 33ffcc | #33ffcc |
CIE-LAB | 86.638, -57.745, 13.697 |
---|---|
XYZ | 43.277, 69.271, 59.231 |
xyY | 0.252, 0.403, 69.271 |
CIE-LCH | 86.638, 59.347, 166.656 |
CIE-LUV | 86.638, -68.09, 29.782 |
Hunter-Lab | 83.229, -52.835, 16.066 |
Binary | 00111010, 11110100, 10111101 |
Color Schemes with #3af4bd
Alternatives to #3af4bd
Below, you can see some colors close to #3af4bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af4bd Preview
This text has a font color of #3af4bd.
<span style="color:#3af4bd;">Text here</span>
This paragraph has a background color of #3af4bd.
<p style="background-color:#3af4bd;">Content here</p>
This element has a border color of #3af4bd.
<div style="border:1px solid #3af4bd;">Content here</div>
.text {color:#3af4bd;}
.background {background-color:#3af4bd;}
.border {border:1px solid #3af4bd;}
Shades and Tints of #3af4bd
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, #000705 is the darkest color, while #f4fefb is the lightest one.
-
#000705
#000705
rgb(0,7,5)
-
#011a13
#011a13
rgb(1,26,19)
-
#022d20
#022d20
rgb(2,45,32)
-
#043f2d
#043f2d
rgb(4,63,45)
-
#05523b
#05523b
rgb(5,82,59)
-
#066448
#066448
rgb(6,100,72)
-
#077756
#077756
rgb(7,119,86)
-
#088963
#088963
rgb(8,137,99)
-
#099c70
#099c70
rgb(9,156,112)
-
#0aaf7e
#0aaf7e
rgb(10,175,126)
-
#0bc18b
#0bc18b
rgb(11,193,139)
-
#0cd499
#0cd499
rgb(12,212,153)
-
#0de6a6
#0de6a6
rgb(13,230,166)
-
#15f2b1
#15f2b1
rgb(21,242,177)
-
#27f3b7
#27f3b7
rgb(39,243,183)
-
#3af4bd
#3af4bd
rgb(58,244,189)
-
#4df5c3
#4df5c3
rgb(77,245,195)
-
#5ff6c9
#5ff6c9
rgb(95,246,201)
-
#72f7d0
#72f7d0
rgb(114,247,208)
-
#84f8d6
#84f8d6
rgb(132,248,214)
-
#97f9dc
#97f9dc
rgb(151,249,220)
-
#a9fae2
#a9fae2
rgb(169,250,226)
-
#bcfbe9
#bcfbe9
rgb(188,251,233)
-
#cffcef
#cffcef
rgb(207,252,239)
-
#e1fdf5
#e1fdf5
rgb(225,253,245)
-
#f4fefb
#f4fefb
rgb(244,254,251)
Tones of #3af4bd
A tone is produced by adding gray to any pure hue. In this case, #929c99 is the less saturated color, while #32fcc0 is the most saturated one.
-
#929c99
#929c99
rgb(146,156,153)
-
#8aa49c
#8aa49c
rgb(138,164,156)
-
#82aca0
#82aca0
rgb(130,172,160)
-
#7ab4a3
#7ab4a3
rgb(122,180,163)
-
#72bca6
#72bca6
rgb(114,188,166)
-
#6ac4a9
#6ac4a9
rgb(106,196,169)
-
#62ccad
#62ccad
rgb(98,204,173)
-
#5ad4b0
#5ad4b0
rgb(90,212,176)
-
#52dcb3
#52dcb3
rgb(82,220,179)
-
#4ae4b6
#4ae4b6
rgb(74,228,182)
-
#42ecba
#42ecba
rgb(66,236,186)
-
#3af4bd
#3af4bd
rgb(58,244,189)
-
#32fcc0
#32fcc0
rgb(50,252,192)
Color Blindness Simulator
Below, you can see how #3af4bd 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.