#04a4a2 hex color

In a RGB color space, hex #04a4a2 is composed of 1.6% red, 64.3% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 0% magenta, 1.2% yellow and 35.7% black. It has a hue angle of 179.3 degrees, a saturation of 95.2% and a lightness of 32.9%. #04a4a2 color hex could be obtained by blending #08ffff with #004945. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 64
- B 64
RGB color chart
- C 98
- M 0
- Y 1
- K 36
CMYK color chart

● #04a4a2 color description : Dark cyan.

The hexadecimal color #04a4a2 has RGB values of R:4, G:164, B:162 and CMYK values of C:0.98, M:0, Y:0.01, K:0.36. Its decimal value is 304290.

Hex triplet	04a4a2	`#04a4a2`
RGB Decimal	4, 164, 162	`rgb(4,164,162)`
RGB Percent	1.6, 64.3, 63.5	`rgb(1.6%,64.3%,63.5%)`
CMYK	98, 0, 1, 36
HSL	179.3°, 95.2, 32.9	`hsl(179.3,95.2%,32.9%)`
HSV (or HSB)	179.3°, 97.6, 64.3
Web Safe	009999	`#009999`

CIE-LAB	60.943, -35.026, -9.093
XYZ	19.845, 29.183, 38.767
xyY	0.226, 0.332, 29.183
CIE-LCH	60.943, 36.187, 194.552
CIE-LUV	60.943, -47.157, -8.458
Hunter-Lab	54.022, -28.965, -4.733
Binary	00000100, 10100100, 10100010

#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#a40406
```
#a40406 rgb(164,4,6)
```

Complementary Color

#04a452
```
#04a452 rgb(4,164,82)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#0456a4
```
#0456a4 rgb(4,86,164)
```

Analogous Color

#a45204
```
#a45204 rgb(164,82,4)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#a40456
```
#a40456 rgb(164,4,86)
```

Split Complementary Color

#a4a204
```
#a4a204 rgb(164,162,4)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#a204a4
```
#a204a4 rgb(162,4,164)
```

Triadic Color

#06a404
```
#06a404 rgb(6,164,4)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#a204a4
```
#a204a4 rgb(162,4,164)
```
#a40406
```
#a40406 rgb(164,4,6)
```

Tetradic Color

#025958
```
#025958 rgb(2,89,88)
```
#037271
```
#037271 rgb(3,114,113)
```
#038b89
```
#038b89 rgb(3,139,137)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#05bdbb
```
#05bdbb rgb(5,189,187)
```
#05d6d3
```
#05d6d3 rgb(5,214,211)
```
#06efec
```
#06efec rgb(6,239,236)
```

Monochromatic Color

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

#04a47a
```
#04a47a rgb(4,164,122)
```
#04a487
```
#04a487 rgb(4,164,135)
```
#04a495
```
#04a495 rgb(4,164,149)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#0499a4
```
#0499a4 rgb(4,153,164)
```
#048ba4
```
#048ba4 rgb(4,139,164)
```
#047ea4
```
#047ea4 rgb(4,126,164)
```

Similar Colors

Text with hexadecimal color #04a4a2

This text has a font color of #04a4a2.

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

#04a4a2 background color

This paragraph has a background color of #04a4a2.

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

#04a4a2 border color

This element has a border color of #04a4a2.

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

CSS codes

.text {color:#04a4a2;}

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

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

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

#000b0b
```
#000b0b rgb(0,11,11)
```
#011e1e
```
#011e1e rgb(1,30,30)
```
#013131
```
#013131 rgb(1,49,49)
```
#024443
```
#024443 rgb(2,68,67)
```
#025756
```
#025756 rgb(2,87,86)
```
#036b69
```
#036b69 rgb(3,107,105)
```
#037e7c
```
#037e7c rgb(3,126,124)
```
#04918f
```
#04918f rgb(4,145,143)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```
#04b7b5
```
#04b7b5 rgb(4,183,181)
```
#05cac8
```
#05cac8 rgb(5,202,200)
```
#05dddb
```
#05dddb rgb(5,221,219)
```
#06f1ee
```
#06f1ee rgb(6,241,238)
```

Shade Color Variation

#11f9f6
```
#11f9f6 rgb(17,249,246)
```
#24faf7
```
#24faf7 rgb(36,250,247)
```
#37faf8
```
#37faf8 rgb(55,250,248)
```
#4afbf8
```
#4afbf8 rgb(74,251,248)
```
#5dfbf9
```
#5dfbf9 rgb(93,251,249)
```
#71fcfa
```
#71fcfa rgb(113,252,250)
```
#84fcfa
```
#84fcfa rgb(132,252,250)
```
#97fcfb
```
#97fcfb rgb(151,252,251)
```
#aafdfc
```
#aafdfc rgb(170,253,252)
```
#bdfdfd
```
#bdfdfd rgb(189,253,253)
```
#d0fefd
```
#d0fefd rgb(208,254,253)
```
#e4fefe
```
#e4fefe rgb(228,254,254)
```
#f7ffff
```
#f7ffff rgb(247,255,255)
```

Tint Color Variation

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

#525656
```
#525656 rgb(82,86,86)
```
#4b5d5d
```
#4b5d5d rgb(75,93,93)
```
#456363
```
#456363 rgb(69,99,99)
```
#3e6a69
```
#3e6a69 rgb(62,106,105)
```
#387070
```
#387070 rgb(56,112,112)
```
#317776
```
#317776 rgb(49,119,118)
```
#2b7d7c
```
#2b7d7c rgb(43,125,124)
```
#248483
```
#248483 rgb(36,132,131)
```
#1e8a89
```
#1e8a89 rgb(30,138,137)
```
#17918f
```
#17918f rgb(23,145,143)
```
#119795
```
#119795 rgb(17,151,149)
```
#0a9e9c
```
#0a9e9c rgb(10,158,156)
```
#04a4a2
```
#04a4a2 rgb(4,164,162)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#5e7e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#99979d Protanopia 1% of men
#9c95ae Deuteranopia 1% of men
#29a6b3 Tritanopia 0.001% of the population

Trichromacy

#639c9f Protanomaly 1% of men, 0.01% of women
#649aa9 Deuteranomaly 6% of men, 0.4% of women
#1ba5ac Tritanomaly 0.01% of the population

#04a4a2 hex color

#04a4a2 Color Information

#04a4a2 Color Conversion

Color Schemes with #04a4a2

Alternatives to #04a4a2

#04a4a2 Preview

Shades and Tints of #04a4a2

Tones of #04a4a2

Color Blindness Simulator