#04afb4 hex color

In a RGB color space, hex #04afb4 is composed of 1.6% red, 68.6% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 2.8% magenta, 0% yellow and 29.4% black. It has a hue angle of 181.7 degrees, a saturation of 95.7% and a lightness of 36.1%. #04afb4 color hex could be obtained by blending #08ffff with #005f69. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 69
- B 71
RGB color chart
- C 98
- M 3
- Y 0
- K 29
CMYK color chart

● #04afb4 color description : Strong cyan.

The hexadecimal color #04afb4 has RGB values of R:4, G:175, B:180 and CMYK values of C:0.98, M:0.03, Y:0, K:0.29. Its decimal value is 307124.

Hex triplet	04afb4	`#04afb4`
RGB Decimal	4, 175, 180	`rgb(4,175,180)`
RGB Percent	1.6, 68.6, 70.6	`rgb(1.6%,68.6%,70.6%)`
CMYK	98, 3, 0, 29
HSL	181.7°, 95.7, 36.1	`hsl(181.7,95.7%,36.1%)`
HSV (or HSB)	181.7°, 97.8, 70.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.946, -34.57, -13.171
XYZ	23.616, 33.979, 48.491
xyY	0.223, 0.32, 33.979
CIE-LCH	64.946, 36.994, 200.857
CIE-LUV	64.946, -49.536, -15.032
Hunter-Lab	58.291, -29.693, -8.518
Binary	00000100, 10101111, 10110100

#04afb4
```
#04afb4 rgb(4,175,180)
```
#b40904
```
#b40904 rgb(180,9,4)
```

Complementary Color

#04b461
```
#04b461 rgb(4,180,97)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#0457b4
```
#0457b4 rgb(4,87,180)
```

Analogous Color

#b46104
```
#b46104 rgb(180,97,4)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#b40457
```
#b40457 rgb(180,4,87)
```

Split Complementary Color

#afb404
```
#afb404 rgb(175,180,4)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#b404af
```
#b404af rgb(180,4,175)
```

Triadic Color

#04b409
```
#04b409 rgb(4,180,9)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#b404af
```
#b404af rgb(180,4,175)
```
#b40904
```
#b40904 rgb(180,9,4)
```

Tetradic Color

#026669
```
#026669 rgb(2,102,105)
```
#037e82
```
#037e82 rgb(3,126,130)
```
#03979b
```
#03979b rgb(3,151,155)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#05c7cd
```
#05c7cd rgb(5,199,205)
```
#05e0e6
```
#05e0e6 rgb(5,224,230)
```
#0bf3fa
```
#0bf3fa rgb(11,243,250)
```

Monochromatic Color

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

#04b48d
```
#04b48d rgb(4,180,141)
```
#04b49c
```
#04b49c rgb(4,180,156)
```
#04b4aa
```
#04b4aa rgb(4,180,170)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#04a0b4
```
#04a0b4 rgb(4,160,180)
```
#0492b4
```
#0492b4 rgb(4,146,180)
```
#0483b4
```
#0483b4 rgb(4,131,180)
```

Similar Colors

Text with hexadecimal color #04afb4

This text has a font color of #04afb4.

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

#04afb4 background color

This paragraph has a background color of #04afb4.

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

#04afb4 border color

This element has a border color of #04afb4.

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

CSS codes

.text {color:#04afb4;}

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

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

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

#000707
```
#000707 rgb(0,7,7)
```
#011a1a
```
#011a1a rgb(1,26,26)
```
#012c2e
```
#012c2e rgb(1,44,46)
```
#013f41
```
#013f41 rgb(1,63,65)
```
#025254
```
#025254 rgb(2,82,84)
```
#026467
```
#026467 rgb(2,100,103)
```
#03777a
```
#03777a rgb(3,119,122)
```
#038a8e
```
#038a8e rgb(3,138,142)
```
#049ca1
```
#049ca1 rgb(4,156,161)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```
#04c2c7
```
#04c2c7 rgb(4,194,199)
```
#05d4da
```
#05d4da rgb(5,212,218)
```
#05e7ee
```
#05e7ee rgb(5,231,238)
```

Shade Color Variation

#0df3fa
```
#0df3fa rgb(13,243,250)
```
#20f4fa
```
#20f4fa rgb(32,244,250)
```
#33f5fa
```
#33f5fa rgb(51,245,250)
```
#46f6fb
```
#46f6fb rgb(70,246,251)
```
#5af7fb
```
#5af7fb rgb(90,247,251)
```
#6df8fc
```
#6df8fc rgb(109,248,252)
```
#80f9fc
```
#80f9fc rgb(128,249,252)
```
#93fafd
```
#93fafd rgb(147,250,253)
```
#a6fbfd
```
#a6fbfd rgb(166,251,253)
```
#bafcfd
```
#bafcfd rgb(186,252,253)
```
#cdfcfe
```
#cdfcfe rgb(205,252,254)
```
#e0fdfe
```
#e0fdfe rgb(224,253,254)
```
#f3feff
```
#f3feff rgb(243,254,255)
```

Tint Color Variation

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

#595f5f
```
#595f5f rgb(89,95,95)
```
#526666
```
#526666 rgb(82,102,102)
```
#4b6c6d
```
#4b6c6d rgb(75,108,109)
```
#447374
```
#447374 rgb(68,115,116)
```
#3d7a7b
```
#3d7a7b rgb(61,122,123)
```
#368082
```
#368082 rgb(54,128,130)
```
#2e878a
```
#2e878a rgb(46,135,138)
```
#278e91
```
#278e91 rgb(39,142,145)
```
#209498
```
#209498 rgb(32,148,152)
```
#199b9f
```
#199b9f rgb(25,155,159)
```
#12a2a6
```
#12a2a6 rgb(18,162,166)
```
#0ba8ad
```
#0ba8ad rgb(11,168,173)
```
#04afb4
```
#04afb4 rgb(4,175,180)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#648687 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1a1ad Protanopia 1% of men
#a29fbf Deuteranopia 1% of men
#23b1bf Tritanopia 0.001% of the population

Trichromacy

#68a6b0 Protanomaly 1% of men, 0.01% of women
#69a4bb Deuteranomaly 6% of men, 0.4% of women
#18b0bb Tritanomaly 0.01% of the population

#04afb4 hex color

#04afb4 Color Information

#04afb4 Color Conversion

Color Schemes with #04afb4

Alternatives to #04afb4

#04afb4 Preview

Shades and Tints of #04afb4

Tones of #04afb4

Color Blindness Simulator