colorhexa.com

#04a57f hex color

In a RGB color space, hex #04a57f is composed of 1.6% red, 64.7% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 0% magenta, 23% yellow and 35.3% black. It has a hue angle of 165.8 degrees, a saturation of 95.3% and a lightness of 33.1%. #04a57f color hex could be obtained by blending #08fffe with #004b00. Closest websafe color is: #009966.

- R 2
- G 65
- B 50
RGB color chart
- C 98
- M 0
- Y 23
- K 35
CMYK color chart

● #04a57f color description : Dark cyan.

The hexadecimal color #04a57f has RGB values of R:4, G:165, B:127 and CMYK values of C:0.98, M:0, Y:0.23, K:0.35. Its decimal value is 304511.

Hex triplet	04a57f	`#04a57f`
RGB Decimal	4, 165, 127	`rgb(4,165,127)`
RGB Percent	1.6, 64.7, 49.8	`rgb(1.6%,64.7%,49.8%)`
CMYK	98, 0, 23, 35
HSL	165.8°, 95.3, 33.1	`hsl(165.8,95.3%,33.1%)`
HSV (or HSB)	165.8°, 97.6, 64.7
Web Safe	009966	`#009966`

CIE-LAB	60.308, -45.365, 9.657
XYZ	17.334, 28.467, 24.658
xyY	0.246, 0.404, 28.467
CIE-LCH	60.308, 46.382, 167.982
CIE-LUV	60.308, -50.225, 20.354
Hunter-Lab	53.354, -35.376, 9.946
Binary	00000100, 10100101, 01111111

#04a57f
```
#04a57f rgb(4,165,127)
```
#a5042a
```
#a5042a rgb(165,4,42)
```

Complementary Color

#04a52f
```
#04a52f rgb(4,165,47)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#047ba5
```
#047ba5 rgb(4,123,165)
```

Analogous Color

#a52f04
```
#a52f04 rgb(165,47,4)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#a5047b
```
#a5047b rgb(165,4,123)
```

Split Complementary Color

#a57f04
```
#a57f04 rgb(165,127,4)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#7f04a5
```
#7f04a5 rgb(127,4,165)
```

Triadic Color

#025a46
```
#025a46 rgb(2,90,70)
```
#037359
```
#037359 rgb(3,115,89)
```
#038c6c
```
#038c6c rgb(3,140,108)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#05be92
```
#05be92 rgb(5,190,146)
```
#05d7a5
```
#05d7a5 rgb(5,215,165)
```
#06f0b8
```
#06f0b8 rgb(6,240,184)
```

Monochromatic Color

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

#04a557
```
#04a557 rgb(4,165,87)
```
#04a564
```
#04a564 rgb(4,165,100)
```
#04a572
```
#04a572 rgb(4,165,114)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#04a58c
```
#04a58c rgb(4,165,140)
```
#04a59a
```
#04a59a rgb(4,165,154)
```
#04a3a5
```
#04a3a5 rgb(4,163,165)
```

Similar Colors

Text with hexadecimal color #04a57f

This text has a font color of #04a57f.

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

#04a57f background color

This paragraph has a background color of #04a57f.

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

#04a57f border color

This element has a border color of #04a57f.

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

CSS codes

.text {color:#04a57f;}

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

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

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)
```
#024535
```
#024535 rgb(2,69,53)
```
#025844
```
#025844 rgb(2,88,68)
```
#036c53
```
#036c53 rgb(3,108,83)
```
#037f62
```
#037f62 rgb(3,127,98)
```
#049270
```
#049270 rgb(4,146,112)
```
#04a57f
```
#04a57f rgb(4,165,127)
```
#04b88e
```
#04b88e rgb(4,184,142)
```
#05cb9c
```
#05cb9c rgb(5,203,156)
```
#05deab
```
#05deab rgb(5,222,171)
```
#06f2ba
```
#06f2ba rgb(6,242,186)
```

Shade Color Variation

#12f9c3
```
#12f9c3 rgb(18,249,195)
```
#25fac8
```
#25fac8 rgb(37,250,200)
```
#38facc
```
#38facc rgb(56,250,204)
```
#4bfbd1
```
#4bfbd1 rgb(75,251,209)
```
#5efbd6
```
#5efbd6 rgb(94,251,214)
```
#72fcdb
```
#72fcdb rgb(114,252,219)
```
#85fce0
```
#85fce0 rgb(133,252,224)
```
#98fde5
```
#98fde5 rgb(152,253,229)
```
#abfdea
```
#abfdea rgb(171,253,234)
```
#befdef
```
#befdef rgb(190,253,239)
```
#d1fef3
```
#d1fef3 rgb(209,254,243)
```
#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 #04a57f 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)
```
#2b7e6a
```
#2b7e6a rgb(43,126,106)
```
#25856e
```
#25856e rgb(37,133,110)
```
#1e8b71
```
#1e8b71 rgb(30,139,113)
```
#189275
```
#189275 rgb(24,146,117)
```
#119878
```
#119878 rgb(17,152,120)
```
#0b9f7c
```
#0b9f7c rgb(11,159,124)
```
#04a57f
```
#04a57f rgb(4,165,127)
```

Tone Color Variation

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

#9f967c Protanopia 1% of men
#a8928d Deuteranopia 1% of men
#3fa3af Tritanopia 0.001% of the population

Trichromacy

#679b7d Protanomaly 1% of men, 0.01% of women
#6c9988 Deuteranomaly 6% of men, 0.4% of women
#2aa49e Tritanomaly 0.01% of the population