#04bde1 hex color

In a RGB color space, hex #04bde1 is composed of 1.6% red, 74.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 16% magenta, 0% yellow and 11.8% black. It has a hue angle of 189.8 degrees, a saturation of 96.5% and a lightness of 44.9%. #04bde1 color hex could be obtained by blending #08ffff with #007bc3. Closest websafe color is: #00cccc.

♥
- f
- t
- g
- R 2
- G 74
- B 88
RGB color chart
- C 98
- M 16
- Y 0
- K 12
CMYK color chart

● #04bde1 color description : Vivid cyan.

The hexadecimal color #04bde1 has RGB values of R:4, G:189, B:225 and CMYK values of C:0.98, M:0.16, Y:0, K:0.12. Its decimal value is 310753.

Hex triplet	04bde1	`#04bde1`
RGB Decimal	4, 189, 225	`rgb(4,189,225)`
RGB Percent	1.6, 74.1, 88.2	`rgb(1.6%,74.1%,88.2%)`
CMYK	98, 16, 0, 12
HSL	189.8°, 96.5, 44.9	`hsl(189.8,96.5%,44.9%)`
HSV (or HSB)	189.8°, 98.2, 88.2
Web Safe	00cccc	`#00cccc`

CIE-LAB	70.77, -26.775, -29.068
XYZ	31.834, 41.854, 77.631
xyY	0.21, 0.277, 41.854
CIE-LCH	70.77, 39.52, 227.351
CIE-LUV	70.77, -50.757, -42.593
Hunter-Lab	64.695, -25.381, -25.859
Binary	00000100, 10111101, 11100001

#04bde1
```
#04bde1 rgb(4,189,225)
```
#e12804
```
#e12804 rgb(225,40,4)
```

Complementary Color

#04e197
```
#04e197 rgb(4,225,151)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#044fe1
```
#044fe1 rgb(4,79,225)
```

Analogous Color

#e19704
```
#e19704 rgb(225,151,4)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#e1044f
```
#e1044f rgb(225,4,79)
```

Split Complementary Color

#bde104
```
#bde104 rgb(189,225,4)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#e104bd
```
#e104bd rgb(225,4,189)
```

Triadic Color

#04e128
```
#04e128 rgb(4,225,40)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#e104bd
```
#e104bd rgb(225,4,189)
```
#e12804
```
#e12804 rgb(225,40,4)
```

Tetradic Color

#037e96
```
#037e96 rgb(3,126,150)
```
#0393af
```
#0393af rgb(3,147,175)
```
#04a8c8
```
#04a8c8 rgb(4,168,200)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#04d2fa
```
#04d2fa rgb(4,210,250)
```
#1dd7fb
```
#1dd7fb rgb(29,215,251)
```
#36dbfb
```
#36dbfb rgb(54,219,251)
```

Monochromatic Color

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

#04e1ce
```
#04e1ce rgb(4,225,206)
```
#04e1e0
```
#04e1e0 rgb(4,225,224)
```
#04cfe1
```
#04cfe1 rgb(4,207,225)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#04abe1
```
#04abe1 rgb(4,171,225)
```
#0498e1
```
#0498e1 rgb(4,152,225)
```
#0486e1
```
#0486e1 rgb(4,134,225)
```

Similar Colors

Text with hexadecimal color #04bde1

This text has a font color of #04bde1.

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

#04bde1 background color

This paragraph has a background color of #04bde1.

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

#04bde1 border color

This element has a border color of #04bde1.

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

CSS codes

.text {color:#04bde1;}

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

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

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

#000b0d
```
#000b0d rgb(0,11,13)
```
#011b20
```
#011b20 rgb(1,27,32)
```
#012b34
```
#012b34 rgb(1,43,52)
```
#013b47
```
#013b47 rgb(1,59,71)
```
#024c5a
```
#024c5a rgb(2,76,90)
```
#025c6d
```
#025c6d rgb(2,92,109)
```
#026c81
```
#026c81 rgb(2,108,129)
```
#037c94
```
#037c94 rgb(3,124,148)
```
#038ca7
```
#038ca7 rgb(3,140,167)
```
#039dba
```
#039dba rgb(3,157,186)
```
#04adce
```
#04adce rgb(4,173,206)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```
#04cdf4
```
#04cdf4 rgb(4,205,244)
```

Shade Color Variation

#11d5fb
```
#11d5fb rgb(17,213,251)
```
#25d8fb
```
#25d8fb rgb(37,216,251)
```
#38dcfb
```
#38dcfb rgb(56,220,251)
```
#4bdffc
```
#4bdffc rgb(75,223,252)
```
#5fe2fc
```
#5fe2fc rgb(95,226,252)
```
#72e6fc
```
#72e6fc rgb(114,230,252)
```
#85e9fd
```
#85e9fd rgb(133,233,253)
```
#98edfd
```
#98edfd rgb(152,237,253)
```
#acf0fe
```
#acf0fe rgb(172,240,254)
```
#bff4fe
```
#bff4fe rgb(191,244,254)
```
#d2f7fe
```
#d2f7fe rgb(210,247,254)
```
#e5faff
```
#e5faff rgb(229,250,255)
```
#f9feff
```
#f9feff rgb(249,254,255)
```

Tint Color Variation

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

#6e7677
```
#6e7677 rgb(110,118,119)
```
#657c80
```
#657c80 rgb(101,124,128)
```
#5c8289
```
#5c8289 rgb(92,130,137)
```
#538892
```
#538892 rgb(83,136,146)
```
#4a8d9b
```
#4a8d9b rgb(74,141,155)
```
#4293a3
```
#4293a3 rgb(66,147,163)
```
#3999ac
```
#3999ac rgb(57,153,172)
```
#309fb5
```
#309fb5 rgb(48,159,181)
```
#27a5be
```
#27a5be rgb(39,165,190)
```
#1eabc7
```
#1eabc7 rgb(30,171,199)
```
#16b1cf
```
#16b1cf rgb(22,177,207)
```
#0db7d8
```
#0db7d8 rgb(13,183,216)
```
#04bde1
```
#04bde1 rgb(4,189,225)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#6f949b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7afd7 Protanopia 1% of men
#a0afe9 Deuteranopia 1% of men
#00c2d0 Tritanopia 0.001% of the population

Trichromacy

#6bb4db Protanomaly 1% of men, 0.01% of women
#67b4e6 Deuteranomaly 6% of men, 0.4% of women
#01c0d6 Tritanomaly 0.01% of the population

#04bde1 hex color

#04bde1 Color Information

#04bde1 Color Conversion

Color Schemes with #04bde1

Alternatives to #04bde1

#04bde1 Preview

Shades and Tints of #04bde1

Tones of #04bde1

Color Blindness Simulator