colorhexa.com

#04b7d0 hex color

In a RGB color space, hex #04b7d0 is composed of 1.6% red, 71.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 12% magenta, 0% yellow and 18.4% black. It has a hue angle of 187.4 degrees, a saturation of 96.2% and a lightness of 41.6%. #04b7d0 color hex could be obtained by blending #08ffff with #006fa1. Closest websafe color is: #00cccc.

- R 2
- G 72
- B 82
RGB color chart
- C 98
- M 12
- Y 0
- K 18
CMYK color chart

● #04b7d0 color description : Strong cyan.

The hexadecimal color #04b7d0 has RGB values of R:4, G:183, B:208 and CMYK values of C:0.98, M:0.12, Y:0, K:0.18. Its decimal value is 309200.

Hex triplet	04b7d0	`#04b7d0`
RGB Decimal	4, 183, 208	`rgb(4,183,208)`
RGB Percent	1.6, 71.8, 81.6	`rgb(1.6%,71.8%,81.6%)`
CMYK	98, 12, 0, 18
HSL	187.4°, 96.2, 41.6	`hsl(187.4,96.2%,41.6%)`
HSV (or HSB)	187.4°, 98.1, 81.6
Web Safe	00cccc	`#00cccc`

CIE-LAB	68.347, -29.429, -23.491
XYZ	28.365, 38.444, 65.596
xyY	0.214, 0.29, 38.444
CIE-LCH	68.347, 37.655, 218.597
CIE-LUV	68.347, -50.053, -32.715
Hunter-Lab	62.003, -26.845, -19.324
Binary	00000100, 10110111, 11010000

#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#d01d04
```
#d01d04 rgb(208,29,4)
```

Complementary Color

#04d083
```
#04d083 rgb(4,208,131)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#0451d0
```
#0451d0 rgb(4,81,208)
```

Analogous Color

#d08304
```
#d08304 rgb(208,131,4)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#d00451
```
#d00451 rgb(208,4,81)
```

Split Complementary Color

#b7d004
```
#b7d004 rgb(183,208,4)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#d004b7
```
#d004b7 rgb(208,4,183)
```

Triadic Color

#037585
```
#037585 rgb(3,117,133)
```
#038b9e
```
#038b9e rgb(3,139,158)
```
#04a1b7
```
#04a1b7 rgb(4,161,183)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#04cde9
```
#04cde9 rgb(4,205,233)
```
#0dddfa
```
#0dddfa rgb(13,221,250)
```
#26e1fb
```
#26e1fb rgb(38,225,251)
```

Monochromatic Color

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

#04d0b6
```
#04d0b6 rgb(4,208,182)
```
#04d0c7
```
#04d0c7 rgb(4,208,199)
```
#04c8d0
```
#04c8d0 rgb(4,200,208)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#04a6d0
```
#04a6d0 rgb(4,166,208)
```
#0495d0
```
#0495d0 rgb(4,149,208)
```
#0484d0
```
#0484d0 rgb(4,132,208)
```

Similar Colors

Text with hexadecimal color #04b7d0

This text has a font color of #04b7d0.

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

#04b7d0 background color

This paragraph has a background color of #04b7d0.

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

#04b7d0 border color

This element has a border color of #04b7d0.

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

CSS codes

.text {color:#04b7d0;}

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

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

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

#000e10
```
#000e10 rgb(0,14,16)
```
#011f23
```
#011f23 rgb(1,31,35)
```
#013036
```
#013036 rgb(1,48,54)
```
#014049
```
#014049 rgb(1,64,73)
```
#02515d
```
#02515d rgb(2,81,93)
```
#026270
```
#026270 rgb(2,98,112)
```
#037383
```
#037383 rgb(3,115,131)
```
#038496
```
#038496 rgb(3,132,150)
```
#0395aa
```
#0395aa rgb(3,149,170)
```
#04a6bd
```
#04a6bd rgb(4,166,189)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```
#04c8e3
```
#04c8e3 rgb(4,200,227)
```
#05d9f6
```
#05d9f6 rgb(5,217,246)
```

Shade Color Variation

#14defa
```
#14defa rgb(20,222,250)
```
#28e1fb
```
#28e1fb rgb(40,225,251)
```
#3be4fb
```
#3be4fb rgb(59,228,251)
```
#4ee6fc
```
#4ee6fc rgb(78,230,252)
```
#61e9fc
```
#61e9fc rgb(97,233,252)
```
#75ecfc
```
#75ecfc rgb(117,236,252)
```
#88eefd
```
#88eefd rgb(136,238,253)
```
#9bf1fd
```
#9bf1fd rgb(155,241,253)
```
#aef4fd
```
#aef4fd rgb(174,244,253)
```
#c2f6fe
```
#c2f6fe rgb(194,246,254)
```
#d5f9fe
```
#d5f9fe rgb(213,249,254)
```
#e8fcff
```
#e8fcff rgb(232,252,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#666d6e
```
#666d6e rgb(102,109,110)
```
#5e7376
```
#5e7376 rgb(94,115,118)
```
#56797e
```
#56797e rgb(86,121,126)
```
#4d8087
```
#4d8087 rgb(77,128,135)
```
#45868f
```
#45868f rgb(69,134,143)
```
#3d8c97
```
#3d8c97 rgb(61,140,151)
```
#35929f
```
#35929f rgb(53,146,159)
```
#2d98a7
```
#2d98a7 rgb(45,152,167)
```
#259eaf
```
#259eaf rgb(37,158,175)
```
#1ca5b8
```
#1ca5b8 rgb(28,165,184)
```
#14abc0
```
#14abc0 rgb(20,171,192)
```
#0cb1c8
```
#0cb1c8 rgb(12,177,200)
```
#04b7d0
```
#04b7d0 rgb(4,183,208)
```

Tone Color Variation

Below, you can see how #04b7d0 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
#6a8e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4a9c7 Protanopia 1% of men
#a0a8d9 Deuteranopia 1% of men
#00bbc9 Tritanopia 0.001% of the population

Trichromacy

#6aaeca Protanomaly 1% of men, 0.01% of women
#67add6 Deuteranomaly 6% of men, 0.4% of women
#01bacb Tritanomaly 0.01% of the population