colorhexa.com

#04afee hex color

In a RGB color space, hex #04afee is composed of 1.6% red, 68.6% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 98.3% cyan, 26.5% magenta, 0% yellow and 6.7% black. It has a hue angle of 196.2 degrees, a saturation of 96.7% and a lightness of 47.5%. #04afee color hex could be obtained by blending #08ffff with #005fdd. Closest websafe color is: #0099ff.

- R 2
- G 69
- B 93
RGB color chart
- C 98
- M 26
- Y 0
- K 7
CMYK color chart

● #04afee color description : Vivid blue.

The hexadecimal color #04afee has RGB values of R:4, G:175, B:238 and CMYK values of C:0.98, M:0.26, Y:0, K:0.07. Its decimal value is 307182.

Hex triplet	04afee	`#04afee`
RGB Decimal	4, 175, 238	`rgb(4,175,238)`
RGB Percent	1.6, 68.6, 93.3	`rgb(1.6%,68.6%,93.3%)`
CMYK	98, 26, 0, 7
HSL	196.2°, 96.7, 47.5	`hsl(196.2,96.7%,47.5%)`
HSV (or HSB)	196.2°, 98.3, 93.3
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.169, -15.021, -41.748
XYZ	30.809, 36.856, 86.374
xyY	0.2, 0.239, 36.856
CIE-LCH	67.169, 44.368, 250.21
CIE-LUV	67.169, -45.069, -65.271
Hunter-Lab	60.709, -15.655, -41.859
Binary	00000100, 10101111, 11101110

#04afee
```
#04afee rgb(4,175,238)
```
#ee4304
```
#ee4304 rgb(238,67,4)
```

Complementary Color

#04eeb8
```
#04eeb8 rgb(4,238,184)
```
#04afee
```
#04afee rgb(4,175,238)
```
#043aee
```
#043aee rgb(4,58,238)
```

Analogous Color

#eeb804
```
#eeb804 rgb(238,184,4)
```
#04afee
```
#04afee rgb(4,175,238)
```
#ee043a
```
#ee043a rgb(238,4,58)
```

Split Complementary Color

#afee04
```
#afee04 rgb(175,238,4)
```
#04afee
```
#04afee rgb(4,175,238)
```
#ee04af
```
#ee04af rgb(238,4,175)
```

Triadic Color

#0378a3
```
#0378a3 rgb(3,120,163)
```
#038abc
```
#038abc rgb(3,138,188)
```
#049dd5
```
#049dd5 rgb(4,157,213)
```
#04afee
```
#04afee rgb(4,175,238)
```
#11bcfb
```
#11bcfb rgb(17,188,251)
```
#2ac3fb
```
#2ac3fb rgb(42,195,251)
```
#43cafc
```
#43cafc rgb(67,202,252)
```

Monochromatic Color

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

#04eaee
```
#04eaee rgb(4,234,238)
```
#04d6ee
```
#04d6ee rgb(4,214,238)
```
#04c3ee
```
#04c3ee rgb(4,195,238)
```
#04afee
```
#04afee rgb(4,175,238)
```
#049cee
```
#049cee rgb(4,156,238)
```
#0488ee
```
#0488ee rgb(4,136,238)
```
#0475ee
```
#0475ee rgb(4,117,238)
```

Similar Colors

Text with hexadecimal color #04afee

This text has a font color of #04afee.

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

#04afee background color

This paragraph has a background color of #04afee.

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

#04afee border color

This element has a border color of #04afee.

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

CSS codes

.text {color:#04afee;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00131a
```
#00131a rgb(0,19,26)
```
#01212d
```
#01212d rgb(1,33,45)
```
#012f40
```
#012f40 rgb(1,47,64)
```
#013e54
```
#013e54 rgb(1,62,84)
```
#024c67
```
#024c67 rgb(2,76,103)
```
#025a7a
```
#025a7a rgb(2,90,122)
```
#02688e
```
#02688e rgb(2,104,142)
```
#0376a1
```
#0376a1 rgb(3,118,161)
```
#0384b4
```
#0384b4 rgb(3,132,180)
```
#0393c7
```
#0393c7 rgb(3,147,199)
```
#04a1db
```
#04a1db rgb(4,161,219)
```
#04afee
```
#04afee rgb(4,175,238)
```

Shade Color Variation

#0bbafb
```
#0bbafb rgb(11,186,251)
```
#1ec0fb
```
#1ec0fb rgb(30,192,251)
```
#31c5fc
```
#31c5fc rgb(49,197,252)
```
#45cbfc
```
#45cbfc rgb(69,203,252)
```
#58d0fc
```
#58d0fc rgb(88,208,252)
```
#6bd5fd
```
#6bd5fd rgb(107,213,253)
```
#7edbfd
```
#7edbfd rgb(126,219,253)
```
#92e0fd
```
#92e0fd rgb(146,224,253)
```
#a5e6fd
```
#a5e6fd rgb(165,230,253)
```
#b8ebfe
```
#b8ebfe rgb(184,235,254)
```
#ccf1fe
```
#ccf1fe rgb(204,241,254)
```
#dff6fe
```
#dff6fe rgb(223,246,254)
```
#f2fbff
```
#f2fbff rgb(242,251,255)
```

Tint Color Variation

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

#747b7e
```
#747b7e rgb(116,123,126)
```
#6a8088
```
#6a8088 rgb(106,128,136)
```
#618491
```
#618491 rgb(97,132,145)
```
#58889a
```
#58889a rgb(88,136,154)
```
#4e8da4
```
#4e8da4 rgb(78,141,164)
```
#4591ad
```
#4591ad rgb(69,145,173)
```
#3c95b6
```
#3c95b6 rgb(60,149,182)
```
#339abf
```
#339abf rgb(51,154,191)
```
#299ec9
```
#299ec9 rgb(41,158,201)
```
#20a2d2
```
#20a2d2 rgb(32,162,210)
```
#17a6db
```
#17a6db rgb(23,166,219)
```
#0dabe5
```
#0dabe5 rgb(13,171,229)
```
#04afee
```
#04afee rgb(4,175,238)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#6a8c98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a6e5 Protanopia 1% of men
#82a7f3 Deuteranopia 1% of men
#00b8c5 Tritanopia 0.001% of the population

Trichromacy

#5fa9e8 Protanomaly 1% of men, 0.01% of women
#54aaf1 Deuteranomaly 6% of men, 0.4% of women
#01b5d3 Tritanomaly 0.01% of the population