#04bba1 hex color

In a RGB color space, hex #04bba1 is composed of 1.6% red, 73.3% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 0% magenta, 13.9% yellow and 26.7% black. It has a hue angle of 171.5 degrees, a saturation of 95.8% and a lightness of 37.5%. #04bba1 color hex could be obtained by blending #08ffff with #007743. Closest websafe color is: #00cc99.

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

● #04bba1 color description : Strong cyan.

The hexadecimal color #04bba1 has RGB values of R:4, G:187, B:161 and CMYK values of C:0.98, M:0, Y:0.14, K:0.27. Its decimal value is 310177.

Hex triplet	04bba1	`#04bba1`
RGB Decimal	4, 187, 161	`rgb(4,187,161)`
RGB Percent	1.6, 73.3, 63.1	`rgb(1.6%,73.3%,63.1%)`
CMYK	98, 0, 14, 27
HSL	171.5°, 95.8, 37.5	`hsl(171.5,95.8%,37.5%)`
HSV (or HSB)	171.5°, 97.9, 73.3
Web Safe	00cc99	`#00cc99`

CIE-LAB	68.122, -45.465, 2.037
XYZ	24.251, 38.137, 39.799
xyY	0.237, 0.373, 38.137
CIE-LCH	68.122, 45.511, 177.434
CIE-LUV	68.122, -55.174, 9.952
Hunter-Lab	61.755, -37.975, 5.018
Binary	00000100, 10111011, 10100001

#04bba1
```
#04bba1 rgb(4,187,161)
```
#bb041e
```
#bb041e rgb(187,4,30)
```

Complementary Color

#04bb46
```
#04bb46 rgb(4,187,70)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#047abb
```
#047abb rgb(4,122,187)
```

Analogous Color

#bb4604
```
#bb4604 rgb(187,70,4)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#bb047a
```
#bb047a rgb(187,4,122)
```

Split Complementary Color

#bba104
```
#bba104 rgb(187,161,4)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#a104bb
```
#a104bb rgb(161,4,187)
```

Triadic Color

#1ebb04
```
#1ebb04 rgb(30,187,4)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#a104bb
```
#a104bb rgb(161,4,187)
```
#bb041e
```
#bb041e rgb(187,4,30)
```

Tetradic Color

#027061
```
#027061 rgb(2,112,97)
```
#038976
```
#038976 rgb(3,137,118)
```
#03a28c
```
#03a28c rgb(3,162,140)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#05d4b6
```
#05d4b6 rgb(5,212,182)
```
#05edcc
```
#05edcc rgb(5,237,204)
```
#12fad9
```
#12fad9 rgb(18,250,217)
```

Monochromatic Color

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

#04bb73
```
#04bb73 rgb(4,187,115)
```
#04bb83
```
#04bb83 rgb(4,187,131)
```
#04bb92
```
#04bb92 rgb(4,187,146)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#04bbb0
```
#04bbb0 rgb(4,187,176)
```
#04b7bb
```
#04b7bb rgb(4,183,187)
```
#04a7bb
```
#04a7bb rgb(4,167,187)
```

Similar Colors

Text with hexadecimal color #04bba1

This text has a font color of #04bba1.

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

#04bba1 background color

This paragraph has a background color of #04bba1.

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

#04bba1 border color

This element has a border color of #04bba1.

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

CSS codes

.text {color:#04bba1;}

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

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

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

#000e0c
```
#000e0c rgb(0,14,12)
```
#01211d
```
#01211d rgb(1,33,29)
```
#01352d
```
#01352d rgb(1,53,45)
```
#02483e
```
#02483e rgb(2,72,62)
```
#025b4e
```
#025b4e rgb(2,91,78)
```
#026e5f
```
#026e5f rgb(2,110,95)
```
#03816f
```
#03816f rgb(3,129,111)
```
#039580
```
#039580 rgb(3,149,128)
```
#04a890
```
#04a890 rgb(4,168,144)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```
#04ceb2
```
#04ceb2 rgb(4,206,178)
```
#05e1c2
```
#05e1c2 rgb(5,225,194)
```
#05f5d3
```
#05f5d3 rgb(5,245,211)
```

Shade Color Variation

#13fad9
```
#13fad9 rgb(19,250,217)
```
#27fadc
```
#27fadc rgb(39,250,220)
```
#3afbdf
```
#3afbdf rgb(58,251,223)
```
#4dfbe2
```
#4dfbe2 rgb(77,251,226)
```
#60fce6
```
#60fce6 rgb(96,252,230)
```
#74fce9
```
#74fce9 rgb(116,252,233)
```
#87fcec
```
#87fcec rgb(135,252,236)
```
#9afdef
```
#9afdef rgb(154,253,239)
```
#adfdf2
```
#adfdf2 rgb(173,253,242)
```
#c0fef5
```
#c0fef5 rgb(192,254,245)
```
#d4fef8
```
#d4fef8 rgb(212,254,248)
```
#e7fefb
```
#e7fefb rgb(231,254,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#5c6362
```
#5c6362 rgb(92,99,98)
```
#556a67
```
#556a67 rgb(85,106,103)
```
#4d726c
```
#4d726c rgb(77,114,108)
```
#467972
```
#467972 rgb(70,121,114)
```
#3f8077
```
#3f8077 rgb(63,128,119)
```
#37887c
```
#37887c rgb(55,136,124)
```
#308f81
```
#308f81 rgb(48,143,129)
```
#299687
```
#299687 rgb(41,150,135)
```
#219e8c
```
#219e8c rgb(33,158,140)
```
#1aa591
```
#1aa591 rgb(26,165,145)
```
#13ac96
```
#13ac96 rgb(19,172,150)
```
#0bb49c
```
#0bb49c rgb(11,180,156)
```
#04bba1
```
#04bba1 rgb(4,187,161)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#688d87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1aa9b Protanopia 1% of men
#b8a5ae Deuteranopia 1% of men
#3fb9c7 Tritanopia 0.001% of the population

Trichromacy

#72b09d Protanomaly 1% of men, 0.01% of women
#76ada9 Deuteranomaly 6% of men, 0.4% of women
#29bab9 Tritanomaly 0.01% of the population

#04bba1 hex color

#04bba1 Color Information

#04bba1 Color Conversion

Color Schemes with #04bba1

Alternatives to #04bba1

#04bba1 Preview

Shades and Tints of #04bba1

Tones of #04bba1

Color Blindness Simulator