colorhexa.com

#04bdc2 hex color

In a RGB color space, hex #04bdc2 is composed of 1.6% red, 74.1% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 97.9% cyan, 2.6% magenta, 0% yellow and 23.9% black. It has a hue angle of 181.6 degrees, a saturation of 96% and a lightness of 38.8%. #04bdc2 color hex could be obtained by blending #08ffff with #007b85. Closest websafe color is: #00cccc.

- R 2
- G 74
- B 76
RGB color chart
- C 98
- M 3
- Y 0
- K 24
CMYK color chart

● #04bdc2 color description : Strong cyan.

The hexadecimal color #04bdc2 has RGB values of R:4, G:189, B:194 and CMYK values of C:0.98, M:0.03, Y:0, K:0.24. Its decimal value is 310722.

Hex triplet	04bdc2	`#04bdc2`
RGB Decimal	4, 189, 194	`rgb(4,189,194)`
RGB Percent	1.6, 74.1, 76.1	`rgb(1.6%,74.1%,76.1%)`
CMYK	98, 3, 0, 24
HSL	181.6°, 96, 38.8	`hsl(181.6,96%,38.8%)`
HSV (or HSB)	181.6°, 97.9, 76.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.692, -36.74, -13.766
XYZ	27.982, 40.313, 57.342
xyY	0.223, 0.321, 40.313
CIE-LCH	69.692, 39.234, 200.541
CIE-LUV	69.692, -53.224, -15.824
Hunter-Lab	63.493, -32.444, -9.102
Binary	00000100, 10111101, 11000010

#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#c20904
```
#c20904 rgb(194,9,4)
```

Complementary Color

#04c268
```
#04c268 rgb(4,194,104)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#045ec2
```
#045ec2 rgb(4,94,194)
```

Analogous Color

#c26804
```
#c26804 rgb(194,104,4)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#c2045e
```
#c2045e rgb(194,4,94)
```

Split Complementary Color

#bdc204
```
#bdc204 rgb(189,194,4)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#c204bd
```
#c204bd rgb(194,4,189)
```

Triadic Color

#027477
```
#027477 rgb(2,116,119)
```
#038c90
```
#038c90 rgb(3,140,144)
```
#03a5a9
```
#03a5a9 rgb(3,165,169)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#05d5db
```
#05d5db rgb(5,213,219)
```
#05eef4
```
#05eef4 rgb(5,238,244)
```
#18f4fa
```
#18f4fa rgb(24,244,250)
```

Monochromatic Color

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

#04c298
```
#04c298 rgb(4,194,152)
```
#04c2a7
```
#04c2a7 rgb(4,194,167)
```
#04c2b7
```
#04c2b7 rgb(4,194,183)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#04adc2
```
#04adc2 rgb(4,173,194)
```
#049dc2
```
#049dc2 rgb(4,157,194)
```
#048ec2
```
#048ec2 rgb(4,142,194)
```

Similar Colors

Text with hexadecimal color #04bdc2

This text has a font color of #04bdc2.

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

#04bdc2 background color

This paragraph has a background color of #04bdc2.

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

#04bdc2 border color

This element has a border color of #04bdc2.

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

CSS codes

.text {color:#04bdc2;}

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

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

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

#000202
```
#000202 rgb(0,2,2)
```
#001415
```
#001415 rgb(0,20,21)
```
#012728
```
#012728 rgb(1,39,40)
```
#013a3b
```
#013a3b rgb(1,58,59)
```
#024d4f
```
#024d4f rgb(2,77,79)
```
#025f62
```
#025f62 rgb(2,95,98)
```
#027275
```
#027275 rgb(2,114,117)
```
#038588
```
#038588 rgb(3,133,136)
```
#03989c
```
#03989c rgb(3,152,156)
```
#04aaaf
```
#04aaaf rgb(4,170,175)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```
#04d0d5
```
#04d0d5 rgb(4,208,213)
```
#05e2e8
```
#05e2e8 rgb(5,226,232)
```

Shade Color Variation

#07f3fa
```
#07f3fa rgb(7,243,250)
```
#1af4fa
```
#1af4fa rgb(26,244,250)
```
#2df5fb
```
#2df5fb rgb(45,245,251)
```
#41f6fb
```
#41f6fb rgb(65,246,251)
```
#54f7fb
```
#54f7fb rgb(84,247,251)
```
#67f8fc
```
#67f8fc rgb(103,248,252)
```
#7af9fc
```
#7af9fc rgb(122,249,252)
```
#8dfafd
```
#8dfafd rgb(141,250,253)
```
#a1fbfd
```
#a1fbfd rgb(161,251,253)
```
#b4fcfd
```
#b4fcfd rgb(180,252,253)
```
#c7fcfe
```
#c7fcfe rgb(199,252,254)
```
#dafdfe
```
#dafdfe rgb(218,253,254)
```
#eefeff
```
#eefeff rgb(238,254,255)
```

Tint Color Variation

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

#5f6667
```
#5f6667 rgb(95,102,103)
```
#586e6e
```
#586e6e rgb(88,110,110)
```
#507576
```
#507576 rgb(80,117,118)
```
#497c7d
```
#497c7d rgb(73,124,125)
```
#418385
```
#418385 rgb(65,131,133)
```
#398a8d
```
#398a8d rgb(57,138,141)
```
#329294
```
#329294 rgb(50,146,148)
```
#2a999c
```
#2a999c rgb(42,153,156)
```
#22a0a4
```
#22a0a4 rgb(34,160,164)
```
#1ba7ab
```
#1ba7ab rgb(27,167,171)
```
#13afb3
```
#13afb3 rgb(19,175,179)
```
#0cb6ba
```
#0cb6ba rgb(12,182,186)
```
#04bdc2
```
#04bdc2 rgb(4,189,194)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6c9192 Atypical Achromatopsia 0.001% of the population

Dichromacy

#adadba Protanopia 1% of men
#afaacd Deuteranopia 1% of men
#26bfcd Tritanopia 0.001% of the population

Trichromacy

#70b3bd Protanomaly 1% of men, 0.01% of women
#70b1c9 Deuteranomaly 6% of men, 0.4% of women
#19bec9 Tritanomaly 0.01% of the population