#04badf hex color

In a RGB color space, hex #04badf is composed of 1.6% red, 72.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 16.6% magenta, 0% yellow and 12.5% black. It has a hue angle of 190.1 degrees, a saturation of 96.5% and a lightness of 44.5%. #04badf color hex could be obtained by blending #08ffff with #0075bf. Closest websafe color is: #00cccc.

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

● #04badf color description : Vivid cyan.

The hexadecimal color #04badf has RGB values of R:4, G:186, B:223 and CMYK values of C:0.98, M:0.17, Y:0, K:0.13. Its decimal value is 309983.

Hex triplet	04badf	`#04badf`
RGB Decimal	4, 186, 223	`rgb(4,186,223)`
RGB Percent	1.6, 72.9, 87.5	`rgb(1.6%,72.9%,87.5%)`
CMYK	98, 17, 0, 13
HSL	190.1°, 96.5, 44.5	`hsl(190.1,96.5%,44.5%)`
HSV (or HSB)	190.1°, 98.2, 87.5
Web Safe	00cccc	`#00cccc`

CIE-LAB	69.802, -25.941, -29.469
XYZ	30.925, 40.468, 75.989
xyY	0.21, 0.275, 40.468
CIE-LCH	69.802, 39.26, 228.643
CIE-LUV	69.802, -49.897, -43.307
Hunter-Lab	63.615, -24.553, -26.293
Binary	00000100, 10111010, 11011111

#04badf
```
#04badf rgb(4,186,223)
```
#df2904
```
#df2904 rgb(223,41,4)
```

Complementary Color

#04df97
```
#04df97 rgb(4,223,151)
```
#04badf
```
#04badf rgb(4,186,223)
```
#044ddf
```
#044ddf rgb(4,77,223)
```

Analogous Color

#df9704
```
#df9704 rgb(223,151,4)
```
#04badf
```
#04badf rgb(4,186,223)
```
#df044d
```
#df044d rgb(223,4,77)
```

Split Complementary Color

#badf04
```
#badf04 rgb(186,223,4)
```
#04badf
```
#04badf rgb(4,186,223)
```
#df04ba
```
#df04ba rgb(223,4,186)
```

Triadic Color

#04df29
```
#04df29 rgb(4,223,41)
```
#04badf
```
#04badf rgb(4,186,223)
```
#df04ba
```
#df04ba rgb(223,4,186)
```
#df2904
```
#df2904 rgb(223,41,4)
```

Tetradic Color

#037b94
```
#037b94 rgb(3,123,148)
```
#0390ad
```
#0390ad rgb(3,144,173)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#04badf
```
#04badf rgb(4,186,223)
```
#04cff8
```
#04cff8 rgb(4,207,248)
```
#1bd5fb
```
#1bd5fb rgb(27,213,251)
```
#34dafb
```
#34dafb rgb(52,218,251)
```

Monochromatic Color

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

#04dfcd
```
#04dfcd rgb(4,223,205)
```
#04dfdf
```
#04dfdf rgb(4,223,223)
```
#04ccdf
```
#04ccdf rgb(4,204,223)
```
#04badf
```
#04badf rgb(4,186,223)
```
#04a8df
```
#04a8df rgb(4,168,223)
```
#0496df
```
#0496df rgb(4,150,223)
```
#0483df
```
#0483df rgb(4,131,223)
```

Similar Colors

Text with hexadecimal color #04badf

This text has a font color of #04badf.

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

#04badf background color

This paragraph has a background color of #04badf.

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

#04badf border color

This element has a border color of #04badf.

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

CSS codes

.text {color:#04badf;}

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

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

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, #00090b is the darkest color, while #f7fdff is the lightest one.

#00090b
```
#00090b rgb(0,9,11)
```
#01191e
```
#01191e rgb(1,25,30)
```
#012932
```
#012932 rgb(1,41,50)
```
#013945
```
#013945 rgb(1,57,69)
```
#024958
```
#024958 rgb(2,73,88)
```
#025a6b
```
#025a6b rgb(2,90,107)
```
#026a7f
```
#026a7f rgb(2,106,127)
```
#037a92
```
#037a92 rgb(3,122,146)
```
#038aa5
```
#038aa5 rgb(3,138,165)
```
#039ab8
```
#039ab8 rgb(3,154,184)
```
#04aacc
```
#04aacc rgb(4,170,204)
```
#04badf
```
#04badf rgb(4,186,223)
```
#04caf2
```
#04caf2 rgb(4,202,242)
```

Shade Color Variation

#10d3fb
```
#10d3fb rgb(16,211,251)
```
#23d7fb
```
#23d7fb rgb(35,215,251)
```
#36dafb
```
#36dafb rgb(54,218,251)
```
#49defc
```
#49defc rgb(73,222,252)
```
#5de1fc
```
#5de1fc rgb(93,225,252)
```
#70e5fc
```
#70e5fc rgb(112,229,252)
```
#83e8fd
```
#83e8fd rgb(131,232,253)
```
#96ecfd
```
#96ecfd rgb(150,236,253)
```
#aaeffd
```
#aaeffd rgb(170,239,253)
```
#bdf3fe
```
#bdf3fe rgb(189,243,254)
```
#d0f6fe
```
#d0f6fe rgb(208,246,254)
```
#e3faff
```
#e3faff rgb(227,250,255)
```
#f7fdff
```
#f7fdff rgb(247,253,255)
```

Tint Color Variation

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

#6d7576
```
#6d7576 rgb(109,117,118)
```
#647a7f
```
#647a7f rgb(100,122,127)
```
#5b8088
```
#5b8088 rgb(91,128,136)
```
#538690
```
#538690 rgb(83,134,144)
```
#4a8c99
```
#4a8c99 rgb(74,140,153)
```
#4192a2
```
#4192a2 rgb(65,146,162)
```
#3897ab
```
#3897ab rgb(56,151,171)
```
#309db3
```
#309db3 rgb(48,157,179)
```
#27a3bc
```
#27a3bc rgb(39,163,188)
```
#1ea9c5
```
#1ea9c5 rgb(30,169,197)
```
#15aece
```
#15aece rgb(21,174,206)
```
#0db4d6
```
#0db4d6 rgb(13,180,214)
```
#04badf
```
#04badf rgb(4,186,223)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#6e9299 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a4add6 Protanopia 1% of men
#9dace7 Deuteranopia 1% of men
#00bfcd Tritanopia 0.001% of the population

Trichromacy

#6ab1d9 Protanomaly 1% of men, 0.01% of women
#65b1e4 Deuteranomaly 6% of men, 0.4% of women
#01bdd3 Tritanomaly 0.01% of the population

#04badf hex color

#04badf Color Information

#04badf Color Conversion

Color Schemes with #04badf

Alternatives to #04badf

#04badf Preview

Shades and Tints of #04badf

Tones of #04badf

Color Blindness Simulator