#04bae9 hex color

In a RGB color space, hex #04bae9 is composed of 1.6% red, 72.9% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 20.2% magenta, 0% yellow and 8.6% black. It has a hue angle of 192.3 degrees, a saturation of 96.6% and a lightness of 46.5%. #04bae9 color hex could be obtained by blending #08ffff with #0075d3. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 73
- B 91
RGB color chart
- C 98
- M 20
- Y 0
- K 9
CMYK color chart

● #04bae9 color description : Vivid cyan.

The hexadecimal color #04bae9 has RGB values of R:4, G:186, B:233 and CMYK values of C:0.98, M:0.2, Y:0, K:0.09. Its decimal value is 309993.

Hex triplet	04bae9	`#04bae9`
RGB Decimal	4, 186, 233	`rgb(4,186,233)`
RGB Percent	1.6, 72.9, 91.4	`rgb(1.6%,72.9%,91.4%)`
CMYK	98, 20, 0, 9
HSL	192.3°, 96.6, 46.5	`hsl(192.3,96.6%,46.5%)`
HSV (or HSB)	192.3°, 98.3, 91.4
Web Safe	00ccff	`#00ccff`

CIE-LAB	70.192, -22.553, -34.312
XYZ	32.313, 41.024, 83.302
xyY	0.206, 0.262, 41.024
CIE-LCH	70.192, 41.061, 236.683
CIE-LUV	70.192, -49.127, -52.004
Hunter-Lab	64.05, -22.034, -32.277
Binary	00000100, 10111010, 11101001

#04bae9
```
#04bae9 rgb(4,186,233)
```
#e93304
```
#e93304 rgb(233,51,4)
```

Complementary Color

#04e9a6
```
#04e9a6 rgb(4,233,166)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#0448e9
```
#0448e9 rgb(4,72,233)
```

Analogous Color

#e9a604
```
#e9a604 rgb(233,166,4)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#e90448
```
#e90448 rgb(233,4,72)
```

Split Complementary Color

#bae904
```
#bae904 rgb(186,233,4)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#e904ba
```
#e904ba rgb(233,4,186)
```

Triadic Color

#04e933
```
#04e933 rgb(4,233,51)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#e904ba
```
#e904ba rgb(233,4,186)
```
#e93304
```
#e93304 rgb(233,51,4)
```

Tetradic Color

#037e9e
```
#037e9e rgb(3,126,158)
```
#0392b7
```
#0392b7 rgb(3,146,183)
```
#04a6d0
```
#04a6d0 rgb(4,166,208)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#0ccafb
```
#0ccafb rgb(12,202,251)
```
#25cffb
```
#25cffb rgb(37,207,251)
```
#3ed5fc
```
#3ed5fc rgb(62,213,252)
```

Monochromatic Color

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

#04e9df
```
#04e9df rgb(4,233,223)
```
#04e0e9
```
#04e0e9 rgb(4,224,233)
```
#04cde9
```
#04cde9 rgb(4,205,233)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```
#04a7e9
```
#04a7e9 rgb(4,167,233)
```
#0494e9
```
#0494e9 rgb(4,148,233)
```
#0481e9
```
#0481e9 rgb(4,129,233)
```

Similar Colors

Text with hexadecimal color #04bae9

This text has a font color of #04bae9.

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

#04bae9 background color

This paragraph has a background color of #04bae9.

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

#04bae9 border color

This element has a border color of #04bae9.

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

CSS codes

.text {color:#04bae9;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#001115
```
#001115 rgb(0,17,21)
```
#012028
```
#012028 rgb(1,32,40)
```
#012f3b
```
#012f3b rgb(1,47,59)
```
#013f4f
```
#013f4f rgb(1,63,79)
```
#024e62
```
#024e62 rgb(2,78,98)
```
#025e75
```
#025e75 rgb(2,94,117)
```
#026d89
```
#026d89 rgb(2,109,137)
```
#037c9c
```
#037c9c rgb(3,124,156)
```
#038caf
```
#038caf rgb(3,140,175)
```
#039bc2
```
#039bc2 rgb(3,155,194)
```
#04abd6
```
#04abd6 rgb(4,171,214)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```

Shade Color Variation

#06c8fb
```
#06c8fb rgb(6,200,251)
```
#19cdfb
```
#19cdfb rgb(25,205,251)
```
#2cd1fb
```
#2cd1fb rgb(44,209,251)
```
#40d5fc
```
#40d5fc rgb(64,213,252)
```
#53d9fc
```
#53d9fc rgb(83,217,252)
```
#66defc
```
#66defc rgb(102,222,252)
```
#7ae2fd
```
#7ae2fd rgb(122,226,253)
```
#8de6fd
```
#8de6fd rgb(141,230,253)
```
#a0eafd
```
#a0eafd rgb(160,234,253)
```
#b3eefe
```
#b3eefe rgb(179,238,254)
```
#c7f3fe
```
#c7f3fe rgb(199,243,254)
```
#daf7fe
```
#daf7fe rgb(218,247,254)
```
#edfbff
```
#edfbff rgb(237,251,255)
```

Tint Color Variation

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

#717a7c
```
#717a7c rgb(113,122,124)
```
#687f85
```
#687f85 rgb(104,127,133)
```
#5f848e
```
#5f848e rgb(95,132,142)
```
#568a97
```
#568a97 rgb(86,138,151)
```
#4d8fa0
```
#4d8fa0 rgb(77,143,160)
```
#4494a9
```
#4494a9 rgb(68,148,169)
```
#3b9ab2
```
#3b9ab2 rgb(59,154,178)
```
#329fbb
```
#329fbb rgb(50,159,187)
```
#28a5c5
```
#28a5c5 rgb(40,165,197)
```
#1faace
```
#1faace rgb(31,170,206)
```
#16afd7
```
#16afd7 rgb(22,175,215)
```
#0db5e0
```
#0db5e0 rgb(13,181,224)
```
#04bae9
```
#04bae9 rgb(4,186,233)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#6e939c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1aedf Protanopia 1% of men
#97aef0 Deuteranopia 1% of men
#00c1ce Tritanopia 0.001% of the population

Trichromacy

#68b2e3 Protanomaly 1% of men, 0.01% of women
#61b2ed Deuteranomaly 6% of men, 0.4% of women
#01bed8 Tritanomaly 0.01% of the population

#04bae9 hex color

#04bae9 Color Information

#04bae9 Color Conversion

Color Schemes with #04bae9

Alternatives to #04bae9

#04bae9 Preview

Shades and Tints of #04bae9

Tones of #04bae9

Color Blindness Simulator