colorhexa.com

#04aac4 hex color

In a RGB color space, hex #04aac4 is composed of 1.6% red, 66.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 13.3% magenta, 0% yellow and 23.1% black. It has a hue angle of 188.1 degrees, a saturation of 96% and a lightness of 39.2%. #04aac4 color hex could be obtained by blending #08ffff with #005589. Closest websafe color is: #0099cc.

- R 2
- G 67
- B 77
RGB color chart
- C 98
- M 13
- Y 0
- K 23
CMYK color chart

● #04aac4 color description : Strong cyan.

The hexadecimal color #04aac4 has RGB values of R:4, G:170, B:196 and CMYK values of C:0.98, M:0.13, Y:0, K:0.23. Its decimal value is 305860.

Hex triplet	04aac4	`#04aac4`
RGB Decimal	4, 170, 196	`rgb(4,170,196)`
RGB Percent	1.6, 66.7, 76.9	`rgb(1.6%,66.7%,76.9%)`
CMYK	98, 13, 0, 23
HSL	188.1°, 96, 39.2	`hsl(188.1,96%,39.2%)`
HSV (or HSB)	188.1°, 98, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.965, -26.962, -23.563
XYZ	24.386, 32.758, 57.259
xyY	0.213, 0.286, 32.758
CIE-LCH	63.965, 35.807, 221.151
CIE-LUV	63.965, -46.539, -32.866
Hunter-Lab	57.235, -24.108, -19.251
Binary	00000100, 10101010, 11000100

#04aac4
```
#04aac4 rgb(4,170,196)
```
#c41e04
```
#c41e04 rgb(196,30,4)
```

Complementary Color

#04c47e
```
#04c47e rgb(4,196,126)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#044ac4
```
#044ac4 rgb(4,74,196)
```

Analogous Color

#c47e04
```
#c47e04 rgb(196,126,4)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#c4044a
```
#c4044a rgb(196,4,74)
```

Split Complementary Color

#aac404
```
#aac404 rgb(170,196,4)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#c404aa
```
#c404aa rgb(196,4,170)
```

Triadic Color

#026979
```
#026979 rgb(2,105,121)
```
#037f92
```
#037f92 rgb(3,127,146)
```
#0394ab
```
#0394ab rgb(3,148,171)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#05c0dd
```
#05c0dd rgb(5,192,221)
```
#05d5f6
```
#05d5f6 rgb(5,213,246)
```
#1adcfa
```
#1adcfa rgb(26,220,250)
```

Monochromatic Color

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

#04c4ae
```
#04c4ae rgb(4,196,174)
```
#04c4be
```
#04c4be rgb(4,196,190)
```
#04bac4
```
#04bac4 rgb(4,186,196)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#049ac4
```
#049ac4 rgb(4,154,196)
```
#048ac4
```
#048ac4 rgb(4,138,196)
```
#047ac4
```
#047ac4 rgb(4,122,196)
```

Similar Colors

Text with hexadecimal color #04aac4

This text has a font color of #04aac4.

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

#04aac4 background color

This paragraph has a background color of #04aac4.

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

#04aac4 border color

This element has a border color of #04aac4.

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

CSS codes

.text {color:#04aac4;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001417
```
#001417 rgb(0,20,23)
```
#01252a
```
#01252a rgb(1,37,42)
```
#01353d
```
#01353d rgb(1,53,61)
```
#024651
```
#024651 rgb(2,70,81)
```
#025764
```
#025764 rgb(2,87,100)
```
#026777
```
#026777 rgb(2,103,119)
```
#03788a
```
#03788a rgb(3,120,138)
```
#03899e
```
#03899e rgb(3,137,158)
```
#0499b1
```
#0499b1 rgb(4,153,177)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```
#04bbd7
```
#04bbd7 rgb(4,187,215)
```
#05cbea
```
#05cbea rgb(5,203,234)
```

Shade Color Variation

#09d9fa
```
#09d9fa rgb(9,217,250)
```
#1cdcfa
```
#1cdcfa rgb(28,220,250)
```
#2fdffb
```
#2fdffb rgb(47,223,251)
```
#43e2fb
```
#43e2fb rgb(67,226,251)
```
#56e5fc
```
#56e5fc rgb(86,229,252)
```
#69e8fc
```
#69e8fc rgb(105,232,252)
```
#7cebfc
```
#7cebfc rgb(124,235,252)
```
#8feefd
```
#8feefd rgb(143,238,253)
```
#a3f1fd
```
#a3f1fd rgb(163,241,253)
```
#b6f4fe
```
#b6f4fe rgb(182,244,254)
```
#c9f7fe
```
#c9f7fe rgb(201,247,254)
```
#dcfafe
```
#dcfafe rgb(220,250,254)
```
#f0fdff
```
#f0fdff rgb(240,253,255)
```

Tint Color Variation

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

#606768
```
#606768 rgb(96,103,104)
```
#596c6f
```
#596c6f rgb(89,108,111)
```
#517277
```
#517277 rgb(81,114,119)
```
#49787f
```
#49787f rgb(73,120,127)
```
#427d86
```
#427d86 rgb(66,125,134)
```
#3a838e
```
#3a838e rgb(58,131,142)
```
#328896
```
#328896 rgb(50,136,150)
```
#2a8e9e
```
#2a8e9e rgb(42,142,158)
```
#2394a5
```
#2394a5 rgb(35,148,165)
```
#1b99ad
```
#1b99ad rgb(27,153,173)
```
#139fb5
```
#139fb5 rgb(19,159,181)
```
#0ca4bc
```
#0ca4bc rgb(12,164,188)
```
#04aac4
```
#04aac4 rgb(4,170,196)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#63848a Atypical Achromatopsia 0.001% of the population

Dichromacy

#999ebd Protanopia 1% of men
#949dcd Deuteranopia 1% of men
#00afbc Tritanopia 0.001% of the population

Trichromacy

#63a2bf Protanomaly 1% of men, 0.01% of women
#60a2ca Deuteranomaly 6% of men, 0.4% of women
#01adbf Tritanomaly 0.01% of the population