#3af180 Color Information
In a RGB color space, hex #3af180 is composed of 22.7% red, 94.5% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 0% magenta, 46.9% yellow and 5.5% black. It has a hue angle of 143 degrees, a saturation of 86.7% and a lightness of 58.6%. #3af180 color hex could be obtained by blending #74ffff with #00e301. Closest websafe color is: #33ff99.
-
- R 23
- G 95
- B 50
-
- C 76
- M 0
- Y 47
- K 5
● #3af180 color description : Bright cyan - lime green.
#3af180 Color Conversion
The hexadecimal color #3af180 has RGB values of R:58, G:241, B:128 and CMYK values of C:0.76, M:0, Y:0.47, K:0.05. Its decimal value is 3862912.
Hex triplet | 3af180 | #3af180 |
---|---|---|
RGB Decimal | 58, 241, 128 | rgb(58,241,128) |
RGB Percent | 22.7, 94.5, 50.2 | rgb(22.7%,94.5%,50.2%) |
CMYK | 76, 0, 47, 5 | |
HSL | 143°, 86.7, 58.6 | hsl(143,86.7%,58.6%) |
HSV (or HSB) | 143°, 75.9, 94.5 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 84.671, -68.537, 41.883 |
---|---|
XYZ | 37.094, 65.365, 31.083 |
xyY | 0.278, 0.489, 65.365 |
CIE-LCH | 84.671, 80.321, 148.571 |
CIE-LUV | 84.671, -70.739, 67.431 |
Hunter-Lab | 80.849, -59.588, 33.8 |
Binary | 00111010, 11110001, 10000000 |
Color Schemes with #3af180
Alternatives to #3af180
Below, you can see some colors close to #3af180. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3af180 Preview
This text has a font color of #3af180.
<span style="color:#3af180;">Text here</span>
This paragraph has a background color of #3af180.
<p style="background-color:#3af180;">Content here</p>
This element has a border color of #3af180.
<div style="border:1px solid #3af180;">Content here</div>
.text {color:#3af180;}
.background {background-color:#3af180;}
.border {border:1px solid #3af180;}
Shades and Tints of #3af180
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, #000402 is the darkest color, while #f1fef6 is the lightest one.
-
#000402
#000402
rgb(0,4,2)
-
#02170a
#02170a
rgb(2,23,10)
-
#032912
#032912
rgb(3,41,18)
-
#043b19
#043b19
rgb(4,59,25)
-
#064e21
#064e21
rgb(6,78,33)
-
#076029
#076029
rgb(7,96,41)
-
#087231
#087231
rgb(8,114,49)
-
#098539
#098539
rgb(9,133,57)
-
#0b9740
#0b9740
rgb(11,151,64)
-
#0ca948
#0ca948
rgb(12,169,72)
-
#0dbc50
#0dbc50
rgb(13,188,80)
-
#0fce58
#0fce58
rgb(15,206,88)
-
#10e060
#10e060
rgb(16,224,96)
-
#15ee68
#15ee68
rgb(21,238,104)
-
#28f074
#28f074
rgb(40,240,116)
-
#3af180
#3af180
rgb(58,241,128)
-
#4cf28c
#4cf28c
rgb(76,242,140)
-
#5ff498
#5ff498
rgb(95,244,152)
-
#71f5a3
#71f5a3
rgb(113,245,163)
-
#83f6af
#83f6af
rgb(131,246,175)
-
#96f8bb
#96f8bb
rgb(150,248,187)
-
#a8f9c7
#a8f9c7
rgb(168,249,199)
-
#bafad3
#bafad3
rgb(186,250,211)
-
#cdfbde
#cdfbde
rgb(205,251,222)
-
#dffdea
#dffdea
rgb(223,253,234)
-
#f1fef6
#f1fef6
rgb(241,254,246)
Tones of #3af180
A tone is produced by adding gray to any pure hue. In this case, #939895 is the less saturated color, while #32f97e is the most saturated one.
-
#939895
#939895
rgb(147,152,149)
-
#8ba093
#8ba093
rgb(139,160,147)
-
#83a891
#83a891
rgb(131,168,145)
-
#7bb08f
#7bb08f
rgb(123,176,143)
-
#73b88d
#73b88d
rgb(115,184,141)
-
#6bc08b
#6bc08b
rgb(107,192,139)
-
#63c88a
#63c88a
rgb(99,200,138)
-
#5ad188
#5ad188
rgb(90,209,136)
-
#52d986
#52d986
rgb(82,217,134)
-
#4ae184
#4ae184
rgb(74,225,132)
-
#42e982
#42e982
rgb(66,233,130)
-
#3af180
#3af180
rgb(58,241,128)
-
#32f97e
#32f97e
rgb(50,249,126)
Color Blindness Simulator
Below, you can see how #3af180 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.