#04a895 hex color

In a RGB color space, hex #04a895 is composed of 1.6% red, 65.9% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 97.6% cyan, 0% magenta, 11.3% yellow and 34.1% black. It has a hue angle of 173 degrees, a saturation of 95.3% and a lightness of 33.7%. #04a895 color hex could be obtained by blending #08ffff with #00512b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 2
- G 66
- B 58
RGB color chart
- C 98
- M 0
- Y 11
- K 34
CMYK color chart

● #04a895 color description : Dark cyan.

The hexadecimal color #04a895 has RGB values of R:4, G:168, B:149 and CMYK values of C:0.98, M:0, Y:0.11, K:0.34. Its decimal value is 305301.

Hex triplet	04a895	`#04a895`
RGB Decimal	4, 168, 149	`rgb(4,168,149)`
RGB Percent	1.6, 65.9, 58.4	`rgb(1.6%,65.9%,58.4%)`
CMYK	98, 0, 11, 34
HSL	173°, 95.3, 33.7	`hsl(173,95.3%,33.7%)`
HSV (or HSB)	173°, 97.6, 65.9
Web Safe	009999	`#009999`

CIE-LAB	61.825, -40.682, -0.479
XYZ	19.476, 30.199, 33.235
xyY	0.235, 0.364, 30.199
CIE-LCH	61.825, 40.685, 180.674
CIE-LUV	61.825, -49.579, 5.374
Hunter-Lab	54.954, -32.908, 2.61
Binary	00000100, 10101000, 10010101

#04a895
```
#04a895 rgb(4,168,149)
```
#a80417
```
#a80417 rgb(168,4,23)
```

Complementary Color

#04a843
```
#04a843 rgb(4,168,67)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#0469a8
```
#0469a8 rgb(4,105,168)
```

Analogous Color

#a84304
```
#a84304 rgb(168,67,4)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#a80469
```
#a80469 rgb(168,4,105)
```

Split Complementary Color

#a89504
```
#a89504 rgb(168,149,4)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#9504a8
```
#9504a8 rgb(149,4,168)
```

Triadic Color

#17a804
```
#17a804 rgb(23,168,4)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#9504a8
```
#9504a8 rgb(149,4,168)
```
#a80417
```
#a80417 rgb(168,4,23)
```

Tetradic Color

#025d53
```
#025d53 rgb(2,93,83)
```
#037669
```
#037669 rgb(3,118,105)
```
#038f7f
```
#038f7f rgb(3,143,127)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#05c1ab
```
#05c1ab rgb(5,193,171)
```
#05dac1
```
#05dac1 rgb(5,218,193)
```
#06f3d7
```
#06f3d7 rgb(6,243,215)
```

Monochromatic Color

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

#04a86c
```
#04a86c rgb(4,168,108)
```
#04a87a
```
#04a87a rgb(4,168,122)
```
#04a887
```
#04a887 rgb(4,168,135)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#04a8a3
```
#04a8a3 rgb(4,168,163)
```
#04a0a8
```
#04a0a8 rgb(4,160,168)
```
#0492a8
```
#0492a8 rgb(4,146,168)
```

Similar Colors

Text with hexadecimal color #04a895

This text has a font color of #04a895.

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

#04a895 background color

This paragraph has a background color of #04a895.

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

#04a895 border color

This element has a border color of #04a895.

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

CSS codes

.text {color:#04a895;}

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

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

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

#000f0d
```
#000f0d rgb(0,15,13)
```
#01221e
```
#01221e rgb(1,34,30)
```
#01352f
```
#01352f rgb(1,53,47)
```
#024840
```
#024840 rgb(2,72,64)
```
#025b51
```
#025b51 rgb(2,91,81)
```
#036f62
```
#036f62 rgb(3,111,98)
```
#038273
```
#038273 rgb(3,130,115)
```
#049584
```
#049584 rgb(4,149,132)
```
#04a895
```
#04a895 rgb(4,168,149)
```
#04bba6
```
#04bba6 rgb(4,187,166)
```
#05ceb7
```
#05ceb7 rgb(5,206,183)
```
#05e1c8
```
#05e1c8 rgb(5,225,200)
```
#06f5d9
```
#06f5d9 rgb(6,245,217)
```

Shade Color Variation

#15f9df
```
#15f9df rgb(21,249,223)
```
#28fae2
```
#28fae2 rgb(40,250,226)
```
#3bfae4
```
#3bfae4 rgb(59,250,228)
```
#4efbe7
```
#4efbe7 rgb(78,251,231)
```
#61fbe9
```
#61fbe9 rgb(97,251,233)
```
#74fcec
```
#74fcec rgb(116,252,236)
```
#88fcef
```
#88fcef rgb(136,252,239)
```
#9bfdf1
```
#9bfdf1 rgb(155,253,241)
```
#aefdf4
```
#aefdf4 rgb(174,253,244)
```
#c1fef7
```
#c1fef7 rgb(193,254,247)
```
#d4fef9
```
#d4fef9 rgb(212,254,249)
```
#e7fefc
```
#e7fefc rgb(231,254,252)
```
#fbfffe
```
#fbfffe rgb(251,255,254)
```

Tint Color Variation

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

#535958
```
#535958 rgb(83,89,88)
```
#4d5f5d
```
#4d5f5d rgb(77,95,93)
```
#466662
```
#466662 rgb(70,102,98)
```
#406c67
```
#406c67 rgb(64,108,103)
```
#39736c
```
#39736c rgb(57,115,108)
```
#327a71
```
#327a71 rgb(50,122,113)
```
#2c8077
```
#2c8077 rgb(44,128,119)
```
#25877c
```
#25877c rgb(37,135,124)
```
#1e8e81
```
#1e8e81 rgb(30,142,129)
```
#189486
```
#189486 rgb(24,148,134)
```
#119b8b
```
#119b8b rgb(17,155,139)
```
#0ba190
```
#0ba190 rgb(11,161,144)
```
#04a895
```
#04a895 rgb(4,168,149)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#5e7f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9f9a91 Protanopia 1% of men
#a596a2 Deuteranopia 1% of men
#37a8b4 Tritanopia 0.001% of the population

Trichromacy

#679f92 Protanomaly 1% of men, 0.01% of women
#6a9c9d Deuteranomaly 6% of men, 0.4% of women
#24a8a9 Tritanomaly 0.01% of the population

#04a895 hex color

#04a895 Color Information

#04a895 Color Conversion

Color Schemes with #04a895

Alternatives to #04a895

#04a895 Preview

Shades and Tints of #04a895

Tones of #04a895

Color Blindness Simulator