colorhexa.com

#04a18f hex color

In a RGB color space, hex #04a18f is composed of 1.6% red, 63.1% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 97.5% cyan, 0% magenta, 11.2% yellow and 36.9% black. It has a hue angle of 173.1 degrees, a saturation of 95.2% and a lightness of 32.4%. #04a18f color hex could be obtained by blending #08ffff with #00431f. Closest websafe color is: #009999.

- R 2
- G 63
- B 56
RGB color chart
- C 98
- M 0
- Y 11
- K 37
CMYK color chart

● #04a18f color description : Dark cyan.

The hexadecimal color #04a18f has RGB values of R:4, G:161, B:143 and CMYK values of C:0.98, M:0, Y:0.11, K:0.37. Its decimal value is 303503.

Hex triplet	04a18f	`#04a18f`
RGB Decimal	4, 161, 143	`rgb(4,161,143)`
RGB Percent	1.6, 63.1, 56.1	`rgb(1.6%,63.1%,56.1%)`
CMYK	98, 0, 11, 37
HSL	173.1°, 95.2, 32.4	`hsl(173.1,95.2%,32.4%)`
HSV (or HSB)	173.1°, 97.5, 63.1
Web Safe	009999	`#009999`

CIE-LAB	59.431, -39.333, -0.602
XYZ	17.751, 27.497, 30.357
xyY	0.235, 0.364, 27.497
CIE-LCH	59.431, 39.338, 180.877
CIE-LUV	59.431, -47.613, 4.95
Hunter-Lab	52.437, -31.34, 2.382
Binary	00000100, 10100001, 10001111

#04a18f
```
#04a18f rgb(4,161,143)
```
#a10416
```
#a10416 rgb(161,4,22)
```

Complementary Color

#04a140
```
#04a140 rgb(4,161,64)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#0465a1
```
#0465a1 rgb(4,101,161)
```

Analogous Color

#a14104
```
#a14104 rgb(161,65,4)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#a10465
```
#a10465 rgb(161,4,101)
```

Split Complementary Color

#a18f04
```
#a18f04 rgb(161,143,4)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#8f04a1
```
#8f04a1 rgb(143,4,161)
```

Triadic Color

#02564d
```
#02564d rgb(2,86,77)
```
#036f63
```
#036f63 rgb(3,111,99)
```
#038879
```
#038879 rgb(3,136,121)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#05baa5
```
#05baa5 rgb(5,186,165)
```
#05d3bb
```
#05d3bb rgb(5,211,187)
```
#06ecd1
```
#06ecd1 rgb(6,236,209)
```

Monochromatic Color

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

#04a168
```
#04a168 rgb(4,161,104)
```
#04a175
```
#04a175 rgb(4,161,117)
```
#04a182
```
#04a182 rgb(4,161,130)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#04a19c
```
#04a19c rgb(4,161,156)
```
#0499a1
```
#0499a1 rgb(4,153,161)
```
#048ca1
```
#048ca1 rgb(4,140,161)
```

Similar Colors

Text with hexadecimal color #04a18f

This text has a font color of #04a18f.

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

#04a18f background color

This paragraph has a background color of #04a18f.

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

#04a18f border color

This element has a border color of #04a18f.

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

CSS codes

.text {color:#04a18f;}

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

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

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, #000807 is the darkest color, while #f4fffd is the lightest one.

#000807
```
#000807 rgb(0,8,7)
```
#011b18
```
#011b18 rgb(1,27,24)
```
#012e29
```
#012e29 rgb(1,46,41)
```
#02413a
```
#02413a rgb(2,65,58)
```
#02544b
```
#02544b rgb(2,84,75)
```
#03685c
```
#03685c rgb(3,104,92)
```
#037b6d
```
#037b6d rgb(3,123,109)
```
#048e7e
```
#048e7e rgb(4,142,126)
```
#04a18f
```
#04a18f rgb(4,161,143)
```
#04b4a0
```
#04b4a0 rgb(4,180,160)
```
#05c7b1
```
#05c7b1 rgb(5,199,177)
```
#05dac2
```
#05dac2 rgb(5,218,194)
```
#06eed3
```
#06eed3 rgb(6,238,211)
```

Shade Color Variation

#0ef9de
```
#0ef9de rgb(14,249,222)
```
#21f9e1
```
#21f9e1 rgb(33,249,225)
```
#34fae3
```
#34fae3 rgb(52,250,227)
```
#47fae6
```
#47fae6 rgb(71,250,230)
```
#5bfbe9
```
#5bfbe9 rgb(91,251,233)
```
#6efbeb
```
#6efbeb rgb(110,251,235)
```
#81fcee
```
#81fcee rgb(129,252,238)
```
#94fcf0
```
#94fcf0 rgb(148,252,240)
```
#a7fdf3
```
#a7fdf3 rgb(167,253,243)
```
#bafdf6
```
#bafdf6 rgb(186,253,246)
```
#cdfef8
```
#cdfef8 rgb(205,254,248)
```
#e1fefb
```
#e1fefb rgb(225,254,251)
```
#f4fffd
```
#f4fffd rgb(244,255,253)
```

Tint Color Variation

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

#505554
```
#505554 rgb(80,85,84)
```
#4a5b59
```
#4a5b59 rgb(74,91,89)
```
#43625e
```
#43625e rgb(67,98,94)
```
#3d6863
```
#3d6863 rgb(61,104,99)
```
#376e68
```
#376e68 rgb(55,110,104)
```
#30756d
```
#30756d rgb(48,117,109)
```
#2a7b72
```
#2a7b72 rgb(42,123,114)
```
#248177
```
#248177 rgb(36,129,119)
```
#1d887b
```
#1d887b rgb(29,136,123)
```
#178e80
```
#178e80 rgb(23,142,128)
```
#119485
```
#119485 rgb(17,148,133)
```
#0a9b8a
```
#0a9b8a rgb(10,155,138)
```
#04a18f
```
#04a18f rgb(4,161,143)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#5a7a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99948b Protanopia 1% of men
#9f909c Deuteranopia 1% of men
#35a2ae Tritanopia 0.001% of the population

Trichromacy

#63988c Protanomaly 1% of men, 0.01% of women
#669697 Deuteranomaly 6% of men, 0.4% of women
#23a1a2 Tritanomaly 0.01% of the population