#04a580 hex color

In a RGB color space, hex #04a580 is composed of 1.6% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 0% magenta, 22.4% yellow and 35.3% black. It has a hue angle of 166.2 degrees, a saturation of 95.3% and a lightness of 33.1%. #04a580 color hex could be obtained by blending #08ffff with #004b01. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 65
- B 50
RGB color chart
- C 98
- M 0
- Y 22
- K 35
CMYK color chart

● #04a580 color description : Dark cyan.

The hexadecimal color #04a580 has RGB values of R:4, G:165, B:128 and CMYK values of C:0.98, M:0, Y:0.22, K:0.35. Its decimal value is 304512.

Hex triplet	04a580	`#04a580`
RGB Decimal	4, 165, 128	`rgb(4,165,128)`
RGB Percent	1.6, 64.7, 50.2	`rgb(1.6%,64.7%,50.2%)`
CMYK	98, 0, 22, 35
HSL	166.2°, 95.3, 33.1	`hsl(166.2,95.3%,33.1%)`
HSV (or HSB)	166.2°, 97.6, 64.7
Web Safe	009999	`#009999`

CIE-LAB	60.331, -45.109, 9.132
XYZ	17.4, 28.493, 25.003
xyY	0.245, 0.402, 28.493
CIE-LCH	60.331, 46.024, 168.556
CIE-LUV	60.331, -50.151, 19.604
Hunter-Lab	53.379, -35.226, 9.593
Binary	00000100, 10100101, 10000000

#04a580
```
#04a580 rgb(4,165,128)
```
#a50429
```
#a50429 rgb(165,4,41)
```

Complementary Color

#04a530
```
#04a530 rgb(4,165,48)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#047aa5
```
#047aa5 rgb(4,122,165)
```

Analogous Color

#a52f04
```
#a52f04 rgb(165,47,4)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#a5047a
```
#a5047a rgb(165,4,122)
```

Split Complementary Color

#a58004
```
#a58004 rgb(165,128,4)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#8004a5
```
#8004a5 rgb(128,4,165)
```

Triadic Color

#29a504
```
#29a504 rgb(41,165,4)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#8004a5
```
#8004a5 rgb(128,4,165)
```
#a50429
```
#a50429 rgb(165,4,41)
```

Tetradic Color

#025a46
```
#025a46 rgb(2,90,70)
```
#037359
```
#037359 rgb(3,115,89)
```
#038c6d
```
#038c6d rgb(3,140,109)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#05be93
```
#05be93 rgb(5,190,147)
```
#05d7a7
```
#05d7a7 rgb(5,215,167)
```
#06f0ba
```
#06f0ba rgb(6,240,186)
```

Monochromatic Color

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

#04a558
```
#04a558 rgb(4,165,88)
```
#04a565
```
#04a565 rgb(4,165,101)
```
#04a573
```
#04a573 rgb(4,165,115)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#04a58d
```
#04a58d rgb(4,165,141)
```
#04a59b
```
#04a59b rgb(4,165,155)
```
#04a2a5
```
#04a2a5 rgb(4,162,165)
```

Similar Colors

Text with hexadecimal color #04a580

This text has a font color of #04a580.

<span style="color:#04a580;">Text here</span>

#04a580 background color

This paragraph has a background color of #04a580.

<p style="background-color:#04a580;">Content here</p>

#04a580 border color

This element has a border color of #04a580.

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

CSS codes

.text {color:#04a580;}

.background {background-color:#04a580;}

.border {border:1px solid #04a580;}

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

#000c09
```
#000c09 rgb(0,12,9)
```
#011f18
```
#011f18 rgb(1,31,24)
```
#013227
```
#013227 rgb(1,50,39)
```
#024536
```
#024536 rgb(2,69,54)
```
#025845
```
#025845 rgb(2,88,69)
```
#036c53
```
#036c53 rgb(3,108,83)
```
#037f62
```
#037f62 rgb(3,127,98)
```
#049271
```
#049271 rgb(4,146,113)
```
#04a580
```
#04a580 rgb(4,165,128)
```
#04b88f
```
#04b88f rgb(4,184,143)
```
#05cb9e
```
#05cb9e rgb(5,203,158)
```
#05dead
```
#05dead rgb(5,222,173)
```
#06f2bb
```
#06f2bb rgb(6,242,187)
```

Shade Color Variation

#12f9c4
```
#12f9c4 rgb(18,249,196)
```
#25fac9
```
#25fac9 rgb(37,250,201)
```
#38face
```
#38face rgb(56,250,206)
```
#4bfbd2
```
#4bfbd2 rgb(75,251,210)
```
#5efbd7
```
#5efbd7 rgb(94,251,215)
```
#72fcdc
```
#72fcdc rgb(114,252,220)
```
#85fce1
```
#85fce1 rgb(133,252,225)
```
#98fde5
```
#98fde5 rgb(152,253,229)
```
#abfdea
```
#abfdea rgb(171,253,234)
```
#befdef
```
#befdef rgb(190,253,239)
```
#d1fef4
```
#d1fef4 rgb(209,254,244)
```
#e4fef8
```
#e4fef8 rgb(228,254,248)
```
#f8fffd
```
#f8fffd rgb(248,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525756 is the less saturated color, while #04a580 is the most saturated one.

#525756
```
#525756 rgb(82,87,86)
```
#4c5e59
```
#4c5e59 rgb(76,94,89)
```
#45645d
```
#45645d rgb(69,100,93)
```
#3f6b60
```
#3f6b60 rgb(63,107,96)
```
#387164
```
#387164 rgb(56,113,100)
```
#327867
```
#327867 rgb(50,120,103)
```
#2b7e6b
```
#2b7e6b rgb(43,126,107)
```
#25856e
```
#25856e rgb(37,133,110)
```
#1e8b72
```
#1e8b72 rgb(30,139,114)
```
#189275
```
#189275 rgb(24,146,117)
```
#119879
```
#119879 rgb(17,152,121)
```
#0b9f7c
```
#0b9f7c rgb(11,159,124)
```
#04a580
```
#04a580 rgb(4,165,128)
```

Tone Color Variation

Below, you can see how #04a580 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

#717171 Achromatopsia 0.005% of the population
#5b7b74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f967d Protanopia 1% of men
#a8928e Deuteranopia 1% of men
#3fa3af Tritanopia 0.001% of the population

Trichromacy

#669b7e Protanomaly 1% of men, 0.01% of women
#6c9989 Deuteranomaly 6% of men, 0.4% of women
#29a49e Tritanomaly 0.01% of the population

#04a580 hex color

#04a580 Color Information

#04a580 Color Conversion

Color Schemes with #04a580

Alternatives to #04a580

#04a580 Preview

Shades and Tints of #04a580

Tones of #04a580

Color Blindness Simulator