#04bad9 hex color

In a RGB color space, hex #04bad9 is composed of 1.6% red, 72.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 14.3% magenta, 0% yellow and 14.9% black. It has a hue angle of 188.7 degrees, a saturation of 96.4% and a lightness of 43.3%. #04bad9 color hex could be obtained by blending #08ffff with #0075b3. Closest websafe color is: #00cccc.

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

● #04bad9 color description : Vivid cyan.

The hexadecimal color #04bad9 has RGB values of R:4, G:186, B:217 and CMYK values of C:0.98, M:0.14, Y:0, K:0.15. Its decimal value is 309977.

Hex triplet	04bad9	`#04bad9`
RGB Decimal	4, 186, 217	`rgb(4,186,217)`
RGB Percent	1.6, 72.9, 85.1	`rgb(1.6%,72.9%,85.1%)`
CMYK	98, 14, 0, 15
HSL	188.7°, 96.4, 43.3	`hsl(188.7,96.4%,43.3%)`
HSV (or HSB)	188.7°, 98.2, 85.1
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.576, -27.941, -26.538
XYZ	30.13, 40.15, 71.804
xyY	0.212, 0.283, 40.15
CIE-LCH	69.576, 38.536, 223.525
CIE-LUV	69.576, -50.366, -38.088
Hunter-Lab	63.364, -26.01, -22.832
Binary	00000100, 10111010, 11011001

#04bad9
```
#04bad9 rgb(4,186,217)
```
#d92304
```
#d92304 rgb(217,35,4)
```

Complementary Color

#04d98e
```
#04d98e rgb(4,217,142)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#044fd9
```
#044fd9 rgb(4,79,217)
```

Analogous Color

#d98e04
```
#d98e04 rgb(217,142,4)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#d90450
```
#d90450 rgb(217,4,80)
```

Split Complementary Color

#bad904
```
#bad904 rgb(186,217,4)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#d904ba
```
#d904ba rgb(217,4,186)
```

Triadic Color

#04d923
```
#04d923 rgb(4,217,35)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#d904ba
```
#d904ba rgb(217,4,186)
```
#d92304
```
#d92304 rgb(217,35,4)
```

Tetradic Color

#037a8e
```
#037a8e rgb(3,122,142)
```
#038fa7
```
#038fa7 rgb(3,143,167)
```
#04a5c0
```
#04a5c0 rgb(4,165,192)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#04cff2
```
#04cff2 rgb(4,207,242)
```
#15d9fb
```
#15d9fb rgb(21,217,251)
```
#2eddfb
```
#2eddfb rgb(46,221,251)
```

Monochromatic Color

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

#04d9c3
```
#04d9c3 rgb(4,217,195)
```
#04d9d5
```
#04d9d5 rgb(4,217,213)
```
#04ccd9
```
#04ccd9 rgb(4,204,217)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#04a8d9
```
#04a8d9 rgb(4,168,217)
```
#0497d9
```
#0497d9 rgb(4,151,217)
```
#0485d9
```
#0485d9 rgb(4,133,217)
```

Similar Colors

Text with hexadecimal color #04bad9

This text has a font color of #04bad9.

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

#04bad9 background color

This paragraph has a background color of #04bad9.

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

#04bad9 border color

This element has a border color of #04bad9.

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

CSS codes

.text {color:#04bad9;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#001518
```
#001518 rgb(0,21,24)
```
#01252c
```
#01252c rgb(1,37,44)
```
#01363f
```
#01363f rgb(1,54,63)
```
#024652
```
#024652 rgb(2,70,82)
```
#025765
```
#025765 rgb(2,87,101)
```
#026779
```
#026779 rgb(2,103,121)
```
#03788c
```
#03788c rgb(3,120,140)
```
#03889f
```
#03889f rgb(3,136,159)
```
#0399b2
```
#0399b2 rgb(3,153,178)
```
#04a9c6
```
#04a9c6 rgb(4,169,198)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```
#04cbec
```
#04cbec rgb(4,203,236)
```

Shade Color Variation

#0ad7fa
```
#0ad7fa rgb(10,215,250)
```
#1ddbfb
```
#1ddbfb rgb(29,219,251)
```
#30defb
```
#30defb rgb(48,222,251)
```
#44e1fc
```
#44e1fc rgb(68,225,252)
```
#57e4fc
```
#57e4fc rgb(87,228,252)
```
#6ae7fc
```
#6ae7fc rgb(106,231,252)
```
#7deafd
```
#7deafd rgb(125,234,253)
```
#91edfd
```
#91edfd rgb(145,237,253)
```
#a4f0fd
```
#a4f0fd rgb(164,240,253)
```
#b7f3fe
```
#b7f3fe rgb(183,243,254)
```
#caf7fe
```
#caf7fe rgb(202,247,254)
```
#defafe
```
#defafe rgb(222,250,254)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#6a7273
```
#6a7273 rgb(106,114,115)
```
#62787c
```
#62787c rgb(98,120,124)
```
#597e84
```
#597e84 rgb(89,126,132)
```
#51848d
```
#51848d rgb(81,132,141)
```
#488a95
```
#488a95 rgb(72,138,149)
```
#40909e
```
#40909e rgb(64,144,158)
```
#3796a6
```
#3796a6 rgb(55,150,166)
```
#2f9caf
```
#2f9caf rgb(47,156,175)
```
#26a2b7
```
#26a2b7 rgb(38,162,183)
```
#1ea8c0
```
#1ea8c0 rgb(30,168,192)
```
#15aec8
```
#15aec8 rgb(21,174,200)
```
#0db4d1
```
#0db4d1 rgb(13,180,209)
```
#04bad9
```
#04bad9 rgb(4,186,217)
```

Tone Color Variation

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

#a5acd0 Protanopia 1% of men
#a0abe1 Deuteranopia 1% of men
#00bfcc Tritanopia 0.001% of the population

Trichromacy

#6bb1d3 Protanomaly 1% of men, 0.01% of women
#67b1de Deuteranomaly 6% of men, 0.4% of women
#01bdd1 Tritanomaly 0.01% of the population

#04bad9 hex color

#04bad9 Color Information

#04bad9 Color Conversion

Color Schemes with #04bad9

Alternatives to #04bad9

#04bad9 Preview

Shades and Tints of #04bad9

Tones of #04bad9

Color Blindness Simulator