colorhexa.com

#04bef7 hex color

In a RGB color space, hex #04bef7 is composed of 1.6% red, 74.5% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 23.1% magenta, 0% yellow and 3.1% black. It has a hue angle of 194.1 degrees, a saturation of 96.8% and a lightness of 49.2%. #04bef7 color hex could be obtained by blending #08ffff with #007def. Closest websafe color is: #00ccff.

- R 2
- G 75
- B 97
RGB color chart
- C 98
- M 23
- Y 0
- K 3
CMYK color chart

● #04bef7 color description : Vivid cyan.

The hexadecimal color #04bef7 has RGB values of R:4, G:190, B:247 and CMYK values of C:0.98, M:0.23, Y:0, K:0.03. Its decimal value is 311031.

Hex triplet	04bef7	`#04bef7`
RGB Decimal	4, 190, 247	`rgb(4,190,247)`
RGB Percent	1.6, 74.5, 96.9	`rgb(1.6%,74.5%,96.9%)`
CMYK	98, 23, 0, 3
HSL	194.1°, 96.8, 49.2	`hsl(194.1,96.8%,49.2%)`
HSV (or HSB)	194.1°, 98.4, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.937, -19.811, -39.188
XYZ	35.248, 43.565, 94.542
xyY	0.203, 0.251, 43.565
CIE-LCH	71.937, 43.911, 243.181
CIE-LUV	71.937, -49.414, -60.882
Hunter-Lab	66.004, -20.182, -38.723
Binary	00000100, 10111110, 11110111

#04bef7
```
#04bef7 rgb(4,190,247)
```
#f73d04
```
#f73d04 rgb(247,61,4)
```

Complementary Color

#04f7b7
```
#04f7b7 rgb(4,247,183)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```
#0445f7
```
#0445f7 rgb(4,69,247)
```

Analogous Color

#f7b704
```
#f7b704 rgb(247,183,4)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```
#f70445
```
#f70445 rgb(247,4,69)
```

Split Complementary Color

#bef704
```
#bef704 rgb(190,247,4)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```
#f704be
```
#f704be rgb(247,4,190)
```

Triadic Color

#0384ac
```
#0384ac rgb(3,132,172)
```
#0397c5
```
#0397c5 rgb(3,151,197)
```
#04abde
```
#04abde rgb(4,171,222)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```
#19c6fb
```
#19c6fb rgb(25,198,251)
```
#32ccfc
```
#32ccfc rgb(50,204,252)
```
#4bd3fc
```
#4bd3fc rgb(75,211,252)
```

Monochromatic Color

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

#04f7f3
```
#04f7f3 rgb(4,247,243)
```
#04e7f7
```
#04e7f7 rgb(4,231,247)
```
#04d2f7
```
#04d2f7 rgb(4,210,247)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```
#04aaf7
```
#04aaf7 rgb(4,170,247)
```
#0496f7
```
#0496f7 rgb(4,150,247)
```
#0481f7
```
#0481f7 rgb(4,129,247)
```

Similar Colors

Text with hexadecimal color #04bef7

This text has a font color of #04bef7.

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

#04bef7 background color

This paragraph has a background color of #04bef7.

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

#04bef7 border color

This element has a border color of #04bef7.

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

CSS codes

.text {color:#04bef7;}

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

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

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

#000c0f
```
#000c0f rgb(0,12,15)
```
#011b23
```
#011b23 rgb(1,27,35)
```
#012a36
```
#012a36 rgb(1,42,54)
```
#013849
```
#013849 rgb(1,56,73)
```
#01475d
```
#01475d rgb(1,71,93)
```
#025670
```
#025670 rgb(2,86,112)
```
#026583
```
#026583 rgb(2,101,131)
```
#027496
```
#027496 rgb(2,116,150)
```
#0383aa
```
#0383aa rgb(3,131,170)
```
#0391bd
```
#0391bd rgb(3,145,189)
```
#03a0d0
```
#03a0d0 rgb(3,160,208)
```
#04afe4
```
#04afe4 rgb(4,175,228)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```

Shade Color Variation

#13c5fb
```
#13c5fb rgb(19,197,251)
```
#27cafb
```
#27cafb rgb(39,202,251)
```
#3acefc
```
#3acefc rgb(58,206,252)
```
#4dd3fc
```
#4dd3fc rgb(77,211,252)
```
#61d8fc
```
#61d8fc rgb(97,216,252)
```
#74ddfd
```
#74ddfd rgb(116,221,253)
```
#87e1fd
```
#87e1fd rgb(135,225,253)
```
#9be6fd
```
#9be6fd rgb(155,230,253)
```
#aeebfe
```
#aeebfe rgb(174,235,254)
```
#c1f0fe
```
#c1f0fe rgb(193,240,254)
```
#d4f4fe
```
#d4f4fe rgb(212,244,254)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#788183
```
#788183 rgb(120,129,131)
```
#6e868d
```
#6e868d rgb(110,134,141)
```
#658b96
```
#658b96 rgb(101,139,150)
```
#5b90a0
```
#5b90a0 rgb(91,144,160)
```
#5195aa
```
#5195aa rgb(81,149,170)
```
#489ab3
```
#489ab3 rgb(72,154,179)
```
#3e9fbd
```
#3e9fbd rgb(62,159,189)
```
#34a4c7
```
#34a4c7 rgb(52,164,199)
```
#2baad0
```
#2baad0 rgb(43,170,208)
```
#21afda
```
#21afda rgb(33,175,218)
```
#17b4e4
```
#17b4e4 rgb(23,180,228)
```
#0eb9ed
```
#0eb9ed rgb(14,185,237)
```
#04bef7
```
#04bef7 rgb(4,190,247)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7297a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a2b2ec Protanopia 1% of men
#94b3fd Deuteranopia 1% of men
#00c5d3 Tritanopia 0.001% of the population

Trichromacy

#68b6f0 Protanomaly 1% of men, 0.01% of women
#5fb7fa Deuteranomaly 6% of men, 0.4% of women
#01c3e0 Tritanomaly 0.01% of the population