#04ba8f hex color

In a RGB color space, hex #04ba8f is composed of 1.6% red, 72.9% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 97.8% cyan, 0% magenta, 23.1% yellow and 27.1% black. It has a hue angle of 165.8 degrees, a saturation of 95.8% and a lightness of 37.3%. #04ba8f color hex could be obtained by blending #08ffff with #00751f. Closest websafe color is: #00cc99.

♥
- f
- t
- g
- R 2
- G 73
- B 56
RGB color chart
- C 98
- M 0
- Y 23
- K 27
CMYK color chart

● #04ba8f color description : Strong cyan.

The hexadecimal color #04ba8f has RGB values of R:4, G:186, B:143 and CMYK values of C:0.98, M:0, Y:0.23, K:0.27. Its decimal value is 309903.

Hex triplet	04ba8f	`#04ba8f`
RGB Decimal	4, 186, 143	`rgb(4,186,143)`
RGB Percent	1.6, 72.9, 56.1	`rgb(1.6%,72.9%,56.1%)`
CMYK	98, 0, 23, 27
HSL	165.8°, 95.8, 37.3	`hsl(165.8,95.8%,37.3%)`
HSV (or HSB)	165.8°, 97.8, 72.9
Web Safe	00cc99	`#00cc99`

CIE-LAB	67.37, -49.754, 10.823
XYZ	22.565, 37.124, 31.962
xyY	0.246, 0.405, 37.124
CIE-LCH	67.37, 50.918, 167.727
CIE-LUV	67.37, -56.213, 23.143
Hunter-Lab	60.93, -40.521, 11.549
Binary	00000100, 10111010, 10001111

#04ba8f
```
#04ba8f rgb(4,186,143)
```
#ba042f
```
#ba042f rgb(186,4,47)
```

Complementary Color

#04ba34
```
#04ba34 rgb(4,186,52)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#048aba
```
#048aba rgb(4,138,186)
```

Analogous Color

#ba3404
```
#ba3404 rgb(186,52,4)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#ba048a
```
#ba048a rgb(186,4,138)
```

Split Complementary Color

#ba8f04
```
#ba8f04 rgb(186,143,4)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#8f04ba
```
#8f04ba rgb(143,4,186)
```

Triadic Color

#2fba04
```
#2fba04 rgb(47,186,4)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#8f04ba
```
#8f04ba rgb(143,4,186)
```
#ba042f
```
#ba042f rgb(186,4,47)
```

Tetradic Color

#026f55
```
#026f55 rgb(2,111,85)
```
#038869
```
#038869 rgb(3,136,105)
```
#03a17c
```
#03a17c rgb(3,161,124)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#05d3a2
```
#05d3a2 rgb(5,211,162)
```
#05ecb5
```
#05ecb5 rgb(5,236,181)
```
#11fac3
```
#11fac3 rgb(17,250,195)
```

Monochromatic Color

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

#04ba62
```
#04ba62 rgb(4,186,98)
```
#04ba71
```
#04ba71 rgb(4,186,113)
```
#04ba80
```
#04ba80 rgb(4,186,128)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#04ba9e
```
#04ba9e rgb(4,186,158)
```
#04baad
```
#04baad rgb(4,186,173)
```
#04b8ba
```
#04b8ba rgb(4,184,186)
```

Similar Colors

Text with hexadecimal color #04ba8f

This text has a font color of #04ba8f.

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

#04ba8f background color

This paragraph has a background color of #04ba8f.

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

#04ba8f border color

This element has a border color of #04ba8f.

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

CSS codes

.text {color:#04ba8f;}

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

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

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

#000d0a
```
#000d0a rgb(0,13,10)
```
#012019
```
#012019 rgb(1,32,25)
```
#013428
```
#013428 rgb(1,52,40)
```
#024736
```
#024736 rgb(2,71,54)
```
#025a45
```
#025a45 rgb(2,90,69)
```
#026d54
```
#026d54 rgb(2,109,84)
```
#038063
```
#038063 rgb(3,128,99)
```
#039471
```
#039471 rgb(3,148,113)
```
#04a780
```
#04a780 rgb(4,167,128)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```
#04cd9e
```
#04cd9e rgb(4,205,158)
```
#05e0ad
```
#05e0ad rgb(5,224,173)
```
#05f4bb
```
#05f4bb rgb(5,244,187)
```

Shade Color Variation

#13fac3
```
#13fac3 rgb(19,250,195)
```
#26fac8
```
#26fac8 rgb(38,250,200)
```
#39fbcd
```
#39fbcd rgb(57,251,205)
```
#4cfbd2
```
#4cfbd2 rgb(76,251,210)
```
#5ffcd7
```
#5ffcd7 rgb(95,252,215)
```
#73fcdc
```
#73fcdc rgb(115,252,220)
```
#86fce0
```
#86fce0 rgb(134,252,224)
```
#99fde5
```
#99fde5 rgb(153,253,229)
```
#acfdea
```
#acfdea rgb(172,253,234)
```
#bffeef
```
#bffeef rgb(191,254,239)
```
#d3fef4
```
#d3fef4 rgb(211,254,244)
```
#e6fef9
```
#e6fef9 rgb(230,254,249)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

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

#5c6261
```
#5c6261 rgb(92,98,97)
```
#546a65
```
#546a65 rgb(84,106,101)
```
#4d7168
```
#4d7168 rgb(77,113,104)
```
#46786c
```
#46786c rgb(70,120,108)
```
#3e8070
```
#3e8070 rgb(62,128,112)
```
#378774
```
#378774 rgb(55,135,116)
```
#308e78
```
#308e78 rgb(48,142,120)
```
#29957c
```
#29957c rgb(41,149,124)
```
#219d80
```
#219d80 rgb(33,157,128)
```
#1aa483
```
#1aa483 rgb(26,164,131)
```
#13ab87
```
#13ab87 rgb(19,171,135)
```
#0bb38b
```
#0bb38b rgb(11,179,139)
```
#04ba8f
```
#04ba8f rgb(4,186,143)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#668b82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a88b Protanopia 1% of men
#bca39e Deuteranopia 1% of men
#47b7c4 Tritanopia 0.001% of the population

Trichromacy

#72ae8c Protanomaly 1% of men, 0.01% of women
#79ab98 Deuteranomaly 6% of men, 0.4% of women
#2eb8b1 Tritanomaly 0.01% of the population

#04ba8f hex color

#04ba8f Color Information

#04ba8f Color Conversion

Color Schemes with #04ba8f

Alternatives to #04ba8f

#04ba8f Preview

Shades and Tints of #04ba8f

Tones of #04ba8f

Color Blindness Simulator