#00f580 hex color

In a RGB color space, hex #00f580 is composed of 0% red, 96.1% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 0% magenta, 47.8% yellow and 3.9% black. It has a hue angle of 151.3 degrees, a saturation of 100% and a lightness of 48%. #00f580 color hex could be obtained by blending #00ffff with #00eb01. Closest websafe color is: #00ff99.

♥
- f
- t
- g
- R 0
- G 96
- B 50
RGB color chart
- C 100
- M 0
- Y 48
- K 4
CMYK color chart

● #00f580 color description : Pure (or mostly pure) cyan - lime green.

The hexadecimal color #00f580 has RGB values of R:0, G:245, B:128 and CMYK values of C:1, M:0, Y:0.48, K:0.04. Its decimal value is 62848.

Hex triplet	00f580	`#00f580`
RGB Decimal	0, 245, 128	`rgb(0,245,128)`
RGB Percent	0, 96.1, 50.2	`rgb(0%,96.1%,50.2%)`
CMYK	100, 0, 48, 4
HSL	151.3°, 100, 48	`hsl(151.3,100%,48%)`
HSV (or HSB)	151.3°, 100, 96.1
Web Safe	00ff99	`#00ff99`

CIE-LAB	85.433, -73.627, 42.749
XYZ	36.546, 66.859, 31.4
xyY	0.271, 0.496, 66.859
CIE-LCH	85.433, 85.138, 149.86
CIE-LUV	85.433, -76.509, 69.374
Hunter-Lab	81.767, -63.312, 34.469
Binary	00000000, 11110101, 10000000

#00f580
```
#00f580 rgb(0,245,128)
```
#f50075
```
#f50075 rgb(245,0,117)
```

Complementary Color

#00f506
```
#00f506 rgb(0,245,6)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#00f0f5
```
#00f0f5 rgb(0,240,245)
```

Analogous Color

#f50600
```
#f50600 rgb(245,6,0)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#f500f0
```
#f500f0 rgb(245,0,240)
```

Split Complementary Color

#f58000
```
#f58000 rgb(245,128,0)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#8000f5
```
#8000f5 rgb(128,0,245)
```

Triadic Color

#75f500
```
#75f500 rgb(117,245,0)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#8000f5
```
#8000f5 rgb(128,0,245)
```
#f50075
```
#f50075 rgb(245,0,117)
```

Tetradic Color

#00a958
```
#00a958 rgb(0,169,88)
```
#00c265
```
#00c265 rgb(0,194,101)
```
#00dc73
```
#00dc73 rgb(0,220,115)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#10ff8d
```
#10ff8d rgb(16,255,141)
```
#29ff99
```
#29ff99 rgb(41,255,153)
```
#43ffa5
```
#43ffa5 rgb(67,255,165)
```

Monochromatic Color

Below, you can see some colors close to #00f580. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#00f543
```
#00f543 rgb(0,245,67)
```
#00f557
```
#00f557 rgb(0,245,87)
```
#00f56c
```
#00f56c rgb(0,245,108)
```
#00f580
```
#00f580 rgb(0,245,128)
```
#00f594
```
#00f594 rgb(0,245,148)
```
#00f5a9
```
#00f5a9 rgb(0,245,169)
```
#00f5bd
```
#00f5bd rgb(0,245,189)
```

Similar Colors

Text with hexadecimal color #00f580

This text has a font color of #00f580.

<span style="color:#00f580;">Text here</span>

#00f580 background color

This paragraph has a background color of #00f580.

<p style="background-color:#00f580;">Content here</p>

#00f580 border color

This element has a border color of #00f580.

<div style="border:1px solid #00f580;">Content here</div>

CSS codes

.text {color:#00f580;}

.background {background-color:#00f580;}

.border {border:1px solid #00f580;}

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, #000a05 is the darkest color, while #f5fffa is the lightest one.

#000a05
```
#000a05 rgb(0,10,5)
```
#001d0f
```
#001d0f rgb(0,29,15)
```
#00311a
```
#00311a rgb(0,49,26)
```
#004424
```
#004424 rgb(0,68,36)
```
#00582e
```
#00582e rgb(0,88,46)
```
#006c38
```
#006c38 rgb(0,108,56)
```
#007f43
```
#007f43 rgb(0,127,67)
```
#00934d
```
#00934d rgb(0,147,77)
```
#00a757
```
#00a757 rgb(0,167,87)
```
#00ba61
```
#00ba61 rgb(0,186,97)
```
#00ce6c
```
#00ce6c rgb(0,206,108)
```
#00e176
```
#00e176 rgb(0,225,118)
```
#00f580
```
#00f580 rgb(0,245,128)
```

Shade Color Variation

#0aff8a
```
#0aff8a rgb(10,255,138)
```
#1dff93
```
#1dff93 rgb(29,255,147)
```
#31ff9d
```
#31ff9d rgb(49,255,157)
```
#44ffa6
```
#44ffa6 rgb(68,255,166)
```
#58ffaf
```
#58ffaf rgb(88,255,175)
```
#6cffb9
```
#6cffb9 rgb(108,255,185)
```
#7fffc2
```
#7fffc2 rgb(127,255,194)
```
#93ffcb
```
#93ffcb rgb(147,255,203)
```
#a7ffd5
```
#a7ffd5 rgb(167,255,213)
```
#baffde
```
#baffde rgb(186,255,222)
```
#ceffe7
```
#ceffe7 rgb(206,255,231)
```
#e1fff1
```
#e1fff1 rgb(225,255,241)
```
#f5fffa
```
#f5fffa rgb(245,255,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71847b is the less saturated color, while #00f580 is the most saturated one.

#71847b
```
#71847b rgb(113,132,123)
```
#688d7b
```
#688d7b rgb(104,141,123)
```
#5e977c
```
#5e977c rgb(94,151,124)
```
#55a07c
```
#55a07c rgb(85,160,124)
```
#4baa7d
```
#4baa7d rgb(75,170,125)
```
#42b37d
```
#42b37d rgb(66,179,125)
```
#39bc7d
```
#39bc7d rgb(57,188,125)
```
#2fc67e
```
#2fc67e rgb(47,198,126)
```
#26cf7e
```
#26cf7e rgb(38,207,126)
```
#1cd97f
```
#1cd97f rgb(28,217,127)
```
#13e27f
```
#13e27f rgb(19,226,127)
```
#09ec80
```
#09ec80 rgb(9,236,128)
```
#00f580
```
#00f580 rgb(0,245,128)
```

Tone Color Variation

Below, you can see how #00f580 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.

Monochromacy

#9e9e9e Achromatopsia 0.005% of the population
#7eaf98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd77c Protanopia 1% of men
#ffcf98 Deuteranopia 1% of men
#6ce8f9 Tritanopia 0.001% of the population

Trichromacy

#96e27d Protanomaly 1% of men, 0.01% of women
#a2dc8f Deuteranomaly 6% of men, 0.4% of women
#45edcd Tritanomaly 0.01% of the population

#00f580 hex color

#00f580 Color Information

#00f580 Color Conversion

Color Schemes with #00f580

Alternatives to #00f580

#00f580 Preview

Shades and Tints of #00f580

Tones of #00f580

Color Blindness Simulator