#33f580 Color Information
In a RGB color space, hex #33f580 is composed of 20% red, 96.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 143.8 degrees, a saturation of 90.7% and a lightness of 58%. #33f580 color hex could be obtained by blending #66ffff with #00eb01. Closest websafe color is: #33ff99.
-
- R 20
- G 96
- B 50
-
- C 79
- M 0
- Y 48
- K 4
● #33f580 color description : Bright cyan - lime green.
#33f580 Color Conversion
The hexadecimal color #33f580 has RGB values of R:51, G:245, B:128 and CMYK values of C:0.79, M:0, Y:0.48, K:0.04. Its decimal value is 3405184.
Hex triplet | 33f580 | #33f580 |
---|---|---|
RGB Decimal | 51, 245, 128 | rgb(51,245,128) |
RGB Percent | 20, 96.1, 50.2 | rgb(20%,96.1%,50.2%) |
CMYK | 79, 0, 48, 4 | |
HSL | 143.8°, 90.7, 58 | hsl(143.8,90.7%,58%) |
HSV (or HSB) | 143.8°, 79.2, 96.1 | |
Web Safe | 33ff99 | #33ff99 |
CIE-LAB | 85.788, -70.684, 43.271 |
---|---|
XYZ | 37.911, 67.563, 31.464 |
xyY | 0.277, 0.493, 67.563 |
CIE-LCH | 85.788, 82.877, 148.526 |
CIE-LUV | 85.788, -73.032, 69.569 |
Hunter-Lab | 82.197, -61.516, 34.842 |
Binary | 00110011, 11110101, 10000000 |
Color Schemes with #33f580
Alternatives to #33f580
Below, you can see some colors close to #33f580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#33f580 Preview
This text has a font color of #33f580.
<span style="color:#33f580;">Text here</span>
This paragraph has a background color of #33f580.
<p style="background-color:#33f580;">Content here</p>
This element has a border color of #33f580.
<div style="border:1px solid #33f580;">Content here</div>
.text {color:#33f580;}
.background {background-color:#33f580;}
.border {border:1px solid #33f580;}
Shades and Tints of #33f580
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, #000201 is the darkest color, while #eefef4 is the lightest one.
-
#000201
#000201
rgb(0,2,1)
-
#011409
#011409
rgb(1,20,9)
-
#022711
#022711
rgb(2,39,17)
-
#033a19
#033a19
rgb(3,58,25)
-
#044c21
#044c21
rgb(4,76,33)
-
#055f29
#055f29
rgb(5,95,41)
-
#067231
#067231
rgb(6,114,49)
-
#068539
#068539
rgb(6,133,57)
-
#079741
#079741
rgb(7,151,65)
-
#08aa48
#08aa48
rgb(8,170,72)
-
#09bd50
#09bd50
rgb(9,189,80)
-
#0acf58
#0acf58
rgb(10,207,88)
-
#0be260
#0be260
rgb(11,226,96)
-
#0ef369
#0ef369
rgb(14,243,105)
-
#20f474
#20f474
rgb(32,244,116)
-
#33f580
#33f580
rgb(51,245,128)
-
#46f68c
#46f68c
rgb(70,246,140)
-
#58f797
#58f797
rgb(88,247,151)
-
#6bf8a3
#6bf8a3
rgb(107,248,163)
-
#7ef9af
#7ef9af
rgb(126,249,175)
-
#90faba
#90faba
rgb(144,250,186)
-
#a3fac6
#a3fac6
rgb(163,250,198)
-
#b6fbd1
#b6fbd1
rgb(182,251,209)
-
#c9fcdd
#c9fcdd
rgb(201,252,221)
-
#dbfde9
#dbfde9
rgb(219,253,233)
-
#eefef4
#eefef4
rgb(238,254,244)
Tones of #33f580
A tone is produced by adding gray to any pure hue. In this case, #8e9a93 is the less saturated color, while #2bfd7e is the most saturated one.
-
#8e9a93
#8e9a93
rgb(142,154,147)
-
#85a391
#85a391
rgb(133,163,145)
-
#7dab8f
#7dab8f
rgb(125,171,143)
-
#75b38e
#75b38e
rgb(117,179,142)
-
#6dbb8c
#6dbb8c
rgb(109,187,140)
-
#64c48a
#64c48a
rgb(100,196,138)
-
#5ccc88
#5ccc88
rgb(92,204,136)
-
#54d487
#54d487
rgb(84,212,135)
-
#4cdc85
#4cdc85
rgb(76,220,133)
-
#43e583
#43e583
rgb(67,229,131)
-
#3bed82
#3bed82
rgb(59,237,130)
-
#33f580
#33f580
rgb(51,245,128)
-
#2bfd7e
#2bfd7e
rgb(43,253,126)
Color Blindness Simulator
Below, you can see how #33f580 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.