#04bad5 hex color

In a RGB color space, hex #04bad5 is composed of 1.6% red, 72.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 12.7% magenta, 0% yellow and 16.5% black. It has a hue angle of 187.8 degrees, a saturation of 96.3% and a lightness of 42.5%. #04bad5 color hex could be obtained by blending #08ffff with #0075ab. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 73
- B 84
RGB color chart
- C 98
- M 13
- Y 0
- K 16
CMYK color chart

● #04bad5 color description : Strong cyan.

The hexadecimal color #04bad5 has RGB values of R:4, G:186, B:213 and CMYK values of C:0.98, M:0.13, Y:0, K:0.16. Its decimal value is 309973.

Hex triplet	04bad5	`#04bad5`
RGB Decimal	4, 186, 213	`rgb(4,186,213)`
RGB Percent	1.6, 72.9, 83.5	`rgb(1.6%,72.9%,83.5%)`
CMYK	98, 13, 0, 16
HSL	187.8°, 96.3, 42.5	`hsl(187.8,96.3%,42.5%)`
HSV (or HSB)	187.8°, 98.1, 83.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.43, -29.26, -24.575
XYZ	29.616, 39.945, 69.096
xyY	0.214, 0.288, 39.945
CIE-LCH	69.43, 38.211, 220.026
CIE-LUV	69.43, -50.681, -34.613
Hunter-Lab	63.202, -26.96, -20.578
Binary	00000100, 10111010, 11010101

#04bad5
```
#04bad5 rgb(4,186,213)
```
#d51f04
```
#d51f04 rgb(213,31,4)
```

Complementary Color

#04d588
```
#04d588 rgb(4,213,136)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#0452d5
```
#0452d5 rgb(4,82,213)
```

Analogous Color

#d58804
```
#d58804 rgb(213,136,4)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#d50452
```
#d50452 rgb(213,4,82)
```

Split Complementary Color

#bad504
```
#bad504 rgb(186,213,4)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#d504ba
```
#d504ba rgb(213,4,186)
```

Triadic Color

#04d51f
```
#04d51f rgb(4,213,31)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#d504ba
```
#d504ba rgb(213,4,186)
```
#d51f04
```
#d51f04 rgb(213,31,4)
```

Tetradic Color

#03788a
```
#03788a rgb(3,120,138)
```
#038ea3
```
#038ea3 rgb(3,142,163)
```
#04a4bc
```
#04a4bc rgb(4,164,188)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#04d0ee
```
#04d0ee rgb(4,208,238)
```
#11dcfb
```
#11dcfb rgb(17,220,251)
```
#2ae0fb
```
#2ae0fb rgb(42,224,251)
```

Monochromatic Color

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

#04d5bc
```
#04d5bc rgb(4,213,188)
```
#04d5cd
```
#04d5cd rgb(4,213,205)
```
#04cbd5
```
#04cbd5 rgb(4,203,213)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#04a9d5
```
#04a9d5 rgb(4,169,213)
```
#0497d5
```
#0497d5 rgb(4,151,213)
```
#0486d5
```
#0486d5 rgb(4,134,213)
```

Similar Colors

Text with hexadecimal color #04bad5

This text has a font color of #04bad5.

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

#04bad5 background color

This paragraph has a background color of #04bad5.

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

#04bad5 border color

This element has a border color of #04bad5.

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

CSS codes

.text {color:#04bad5;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#001214
```
#001214 rgb(0,18,20)
```
#012328
```
#012328 rgb(1,35,40)
```
#01333b
```
#01333b rgb(1,51,59)
```
#01444e
```
#01444e rgb(1,68,78)
```
#025561
```
#025561 rgb(2,85,97)
```
#026675
```
#026675 rgb(2,102,117)
```
#037788
```
#037788 rgb(3,119,136)
```
#03889b
```
#03889b rgb(3,136,155)
```
#0398ae
```
#0398ae rgb(3,152,174)
```
#04a9c2
```
#04a9c2 rgb(4,169,194)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```
#04cbe8
```
#04cbe8 rgb(4,203,232)
```

Shade Color Variation

#06dbfa
```
#06dbfa rgb(6,219,250)
```
#19defb
```
#19defb rgb(25,222,251)
```
#2ce0fb
```
#2ce0fb rgb(44,224,251)
```
#40e3fb
```
#40e3fb rgb(64,227,251)
```
#53e6fc
```
#53e6fc rgb(83,230,252)
```
#66e9fc
```
#66e9fc rgb(102,233,252)
```
#79ecfc
```
#79ecfc rgb(121,236,252)
```
#8deefd
```
#8deefd rgb(141,238,253)
```
#a0f1fd
```
#a0f1fd rgb(160,241,253)
```
#b3f4fe
```
#b3f4fe rgb(179,244,254)
```
#c6f7fe
```
#c6f7fe rgb(198,247,254)
```
#dafafe
```
#dafafe rgb(218,250,254)
```
#edfcff
```
#edfcff rgb(237,252,255)
```

Tint Color Variation

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

#687071
```
#687071 rgb(104,112,113)
```
#607679
```
#607679 rgb(96,118,121)
```
#577c82
```
#577c82 rgb(87,124,130)
```
#4f828a
```
#4f828a rgb(79,130,138)
```
#478892
```
#478892 rgb(71,136,146)
```
#3e8f9b
```
#3e8f9b rgb(62,143,155)
```
#3695a3
```
#3695a3 rgb(54,149,163)
```
#2e9bab
```
#2e9bab rgb(46,155,171)
```
#25a1b4
```
#25a1b4 rgb(37,161,180)
```
#1da7bc
```
#1da7bc rgb(29,167,188)
```
#15aec4
```
#15aec4 rgb(21,174,196)
```
#0cb4cd
```
#0cb4cd rgb(12,180,205)
```
#04bad5
```
#04bad5 rgb(4,186,213)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#6d9197 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a6accc Protanopia 1% of men
#a2abde Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#6bb1cf Protanomaly 1% of men, 0.01% of women
#68b0da Deuteranomaly 6% of men, 0.4% of women
#01bdcf Tritanomaly 0.01% of the population

#04bad5 hex color

#04bad5 Color Information

#04bad5 Color Conversion

Color Schemes with #04bad5

Alternatives to #04bad5

#04bad5 Preview

Shades and Tints of #04bad5

Tones of #04bad5

Color Blindness Simulator