colorhexa.com

#04bbb6 hex color

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

- R 2
- G 73
- B 71
RGB color chart
- C 98
- M 0
- Y 3
- K 27
CMYK color chart

● #04bbb6 color description : Strong cyan.

The hexadecimal color #04bbb6 has RGB values of R:4, G:187, B:182 and CMYK values of C:0.98, M:0, Y:0.03, K:0.27. Its decimal value is 310198.

Hex triplet	04bbb6	`#04bbb6`
RGB Decimal	4, 187, 182	`rgb(4,187,182)`
RGB Percent	1.6, 73.3, 71.4	`rgb(1.6%,73.3%,71.4%)`
CMYK	98, 0, 3, 27
HSL	178.4°, 95.8, 37.5	`hsl(178.4,95.8%,37.5%)`
HSV (or HSB)	178.4°, 97.9, 73.3
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.709, -39.465, -8.647
XYZ	26.261, 38.941, 50.386
xyY	0.227, 0.337, 38.941
CIE-LCH	68.709, 40.401, 192.358
CIE-LUV	68.709, -53.505, -7.254
Hunter-Lab	62.403, -34.086, -4.19
Binary	00000100, 10111011, 10110110

#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#bb0409
```
#bb0409 rgb(187,4,9)
```

Complementary Color

#04bb5b
```
#04bb5b rgb(4,187,91)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#0465bb
```
#0465bb rgb(4,101,187)
```

Analogous Color

#bb5b04
```
#bb5b04 rgb(187,91,4)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#bb0465
```
#bb0465 rgb(187,4,101)
```

Split Complementary Color

#bbb604
```
#bbb604 rgb(187,182,4)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#b604bb
```
#b604bb rgb(182,4,187)
```

Triadic Color

#02706d
```
#02706d rgb(2,112,109)
```
#038985
```
#038985 rgb(3,137,133)
```
#03a29e
```
#03a29e rgb(3,162,158)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#05d4ce
```
#05d4ce rgb(5,212,206)
```
#05ede7
```
#05ede7 rgb(5,237,231)
```
#12faf4
```
#12faf4 rgb(18,250,244)
```

Monochromatic Color

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

#04bb88
```
#04bb88 rgb(4,187,136)
```
#04bb98
```
#04bb98 rgb(4,187,152)
```
#04bba7
```
#04bba7 rgb(4,187,167)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#04b1bb
```
#04b1bb rgb(4,177,187)
```
#04a2bb
```
#04a2bb rgb(4,162,187)
```
#0492bb
```
#0492bb rgb(4,146,187)
```

Similar Colors

Text with hexadecimal color #04bbb6

This text has a font color of #04bbb6.

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

#04bbb6 background color

This paragraph has a background color of #04bbb6.

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

#04bbb6 border color

This element has a border color of #04bbb6.

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

CSS codes

.text {color:#04bbb6;}

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

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

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

#000e0e
```
#000e0e rgb(0,14,14)
```
#012120
```
#012120 rgb(1,33,32)
```
#013533
```
#013533 rgb(1,53,51)
```
#024846
```
#024846 rgb(2,72,70)
```
#025b59
```
#025b59 rgb(2,91,89)
```
#026e6b
```
#026e6b rgb(2,110,107)
```
#03817e
```
#03817e rgb(3,129,126)
```
#039591
```
#039591 rgb(3,149,145)
```
#04a8a3
```
#04a8a3 rgb(4,168,163)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```
#04cec9
```
#04cec9 rgb(4,206,201)
```
#05e1db
```
#05e1db rgb(5,225,219)
```
#05f5ee
```
#05f5ee rgb(5,245,238)
```

Shade Color Variation

#13faf4
```
#13faf4 rgb(19,250,244)
```
#27faf5
```
#27faf5 rgb(39,250,245)
```
#3afbf6
```
#3afbf6 rgb(58,251,246)
```
#4dfbf6
```
#4dfbf6 rgb(77,251,246)
```
#60fcf7
```
#60fcf7 rgb(96,252,247)
```
#74fcf8
```
#74fcf8 rgb(116,252,248)
```
#87fcf9
```
#87fcf9 rgb(135,252,249)
```
#9afdfa
```
#9afdfa rgb(154,253,250)
```
#adfdfb
```
#adfdfb rgb(173,253,251)
```
#c0fefc
```
#c0fefc rgb(192,254,252)
```
#d4fefd
```
#d4fefd rgb(212,254,253)
```
#e7fefe
```
#e7fefe rgb(231,254,254)
```
#faffff
```
#faffff rgb(250,255,255)
```

Tint Color Variation

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

#5c6363
```
#5c6363 rgb(92,99,99)
```
#556a6a
```
#556a6a rgb(85,106,106)
```
#4d7271
```
#4d7271 rgb(77,114,113)
```
#467977
```
#467977 rgb(70,121,119)
```
#3f807e
```
#3f807e rgb(63,128,126)
```
#378885
```
#378885 rgb(55,136,133)
```
#308f8c
```
#308f8c rgb(48,143,140)
```
#299693
```
#299693 rgb(41,150,147)
```
#219e9a
```
#219e9a rgb(33,158,154)
```
#1aa5a1
```
#1aa5a1 rgb(26,165,161)
```
#13aca8
```
#13aca8 rgb(19,172,168)
```
#0bb4af
```
#0bb4af rgb(11,180,175)
```
#04bbb6
```
#04bbb6 rgb(4,187,182)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#6a8f8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#aeabaf Protanopia 1% of men
#b1a8c2 Deuteranopia 1% of men
#31bcc9 Tritanopia 0.001% of the population

Trichromacy

#70b0b1 Protanomaly 1% of men, 0.01% of women
#72aebd Deuteranomaly 6% of men, 0.4% of women
#20bbc2 Tritanomaly 0.01% of the population