#04caff hex color

In a RGB color space, hex #04caff is composed of 1.6% red, 79.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 20.8% magenta, 0% yellow and 0% black. It has a hue angle of 192.7 degrees, a saturation of 100% and a lightness of 50.8%. #04caff color hex could be obtained by blending #08ffff with #0095ff. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 2
- G 79
- B 100
RGB color chart
- C 98
- M 21
- Y 0
- K 0
CMYK color chart

● #04caff color description : Vivid cyan.

The hexadecimal color #04caff has RGB values of R:4, G:202, B:255 and CMYK values of C:0.98, M:0.21, Y:0, K:0. Its decimal value is 314111.

Hex triplet	04caff	`#04caff`
RGB Decimal	4, 202, 255	`rgb(4,202,255)`
RGB Percent	1.6, 79.2, 100	`rgb(1.6%,79.2%,100%)`
CMYK	98, 21, 0, 0
HSL	192.7°, 100, 50.8	`hsl(192.7,100%,50.8%)`
HSV (or HSB)	192.7°, 98.4, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	75.751, -23.248, -37.558
XYZ	39.216, 49.483, 102.087
xyY	0.206, 0.259, 49.483
CIE-LCH	75.751, 44.171, 238.243
CIE-LUV	75.751, -52.81, -58.007
Hunter-Lab	70.344, -23.591, -36.803
Binary	00000100, 11001010, 11111111

#04caff
```
#04caff rgb(4,202,255)
```
#ff3904
```
#ff3904 rgb(255,57,4)
```

Complementary Color

#04ffb7
```
#04ffb7 rgb(4,255,183)
```
#04caff
```
#04caff rgb(4,202,255)
```
#044dff
```
#044dff rgb(4,77,255)
```

Analogous Color

#ffb704
```
#ffb704 rgb(255,183,4)
```
#04caff
```
#04caff rgb(4,202,255)
```
#ff044d
```
#ff044d rgb(255,4,77)
```

Split Complementary Color

#caff04
```
#caff04 rgb(202,255,4)
```
#04caff
```
#04caff rgb(4,202,255)
```
#ff04ca
```
#ff04ca rgb(255,4,202)
```

Triadic Color

#04ff39
```
#04ff39 rgb(4,255,57)
```
#04caff
```
#04caff rgb(4,202,255)
```
#ff04ca
```
#ff04ca rgb(255,4,202)
```
#ff3904
```
#ff3904 rgb(255,57,4)
```

Tetradic Color

#0090b7
```
#0090b7 rgb(0,144,183)
```
#00a4d0
```
#00a4d0 rgb(0,164,208)
```
#00b8ea
```
#00b8ea rgb(0,184,234)
```
#04caff
```
#04caff rgb(4,202,255)
```
#1ecfff
```
#1ecfff rgb(30,207,255)
```
#37d5ff
```
#37d5ff rgb(55,213,255)
```
#51daff
```
#51daff rgb(81,218,255)
```

Monochromatic Color

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

#04fff5
```
#04fff5 rgb(4,255,245)
```
#04f4ff
```
#04f4ff rgb(4,244,255)
```
#04dfff
```
#04dfff rgb(4,223,255)
```
#04caff
```
#04caff rgb(4,202,255)
```
#04b5ff
```
#04b5ff rgb(4,181,255)
```
#04a0ff
```
#04a0ff rgb(4,160,255)
```
#048bff
```
#048bff rgb(4,139,255)
```

Similar Colors

Text with hexadecimal color #04caff

This text has a font color of #04caff.

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

#04caff background color

This paragraph has a background color of #04caff.

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

#04caff border color

This element has a border color of #04caff.

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

CSS codes

.text {color:#04caff;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001318
```
#001318 rgb(0,19,24)
```
#00222b
```
#00222b rgb(0,34,43)
```
#00323f
```
#00323f rgb(0,50,63)
```
#004152
```
#004152 rgb(0,65,82)
```
#005166
```
#005166 rgb(0,81,102)
```
#00607a
```
#00607a rgb(0,96,122)
```
#006f8d
```
#006f8d rgb(0,111,141)
```
#007fa1
```
#007fa1 rgb(0,127,161)
```
#008eb5
```
#008eb5 rgb(0,142,181)
```
#009ec8
```
#009ec8 rgb(0,158,200)
```
#00addc
```
#00addc rgb(0,173,220)
```
#00bdef
```
#00bdef rgb(0,189,239)
```

Shade Color Variation

#04caff
```
#04caff rgb(4,202,255)
```
#18ceff
```
#18ceff rgb(24,206,255)
```
#2bd2ff
```
#2bd2ff rgb(43,210,255)
```
#3fd6ff
```
#3fd6ff rgb(63,214,255)
```
#52dbff
```
#52dbff rgb(82,219,255)
```
#66dfff
```
#66dfff rgb(102,223,255)
```
#7ae3ff
```
#7ae3ff rgb(122,227,255)
```
#8de7ff
```
#8de7ff rgb(141,231,255)
```
#a1ebff
```
#a1ebff rgb(161,235,255)
```
#b5efff
```
#b5efff rgb(181,239,255)
```
#c8f3ff
```
#c8f3ff rgb(200,243,255)
```
#dcf8ff
```
#dcf8ff rgb(220,248,255)
```
#effcff
```
#effcff rgb(239,252,255)
```

Tint Color Variation

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

#78878b
```
#78878b rgb(120,135,139)
```
#6e8d95
```
#6e8d95 rgb(110,141,149)
```
#65929e
```
#65929e rgb(101,146,158)
```
#5b98a8
```
#5b98a8 rgb(91,152,168)
```
#519db2
```
#519db2 rgb(81,157,178)
```
#48a3bb
```
#48a3bb rgb(72,163,187)
```
#3ea9c5
```
#3ea9c5 rgb(62,169,197)
```
#34aecf
```
#34aecf rgb(52,174,207)
```
#2bb4d8
```
#2bb4d8 rgb(43,180,216)
```
#21b9e2
```
#21b9e2 rgb(33,185,226)
```
#17bfec
```
#17bfec rgb(23,191,236)
```
#0ec4f5
```
#0ec4f5 rgb(14,196,245)
```
#04caff
```
#04caff rgb(4,202,255)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#78a0aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#aebcf3 Protanopia 1% of men
#a5bcff Deuteranopia 1% of men
#00d0df Tritanopia 0.001% of the population

Trichromacy

#70c1f7 Protanomaly 1% of men, 0.01% of women
#6ac1ff Deuteranomaly 6% of men, 0.4% of women
#01ceea Tritanomaly 0.01% of the population

#04caff hex color

#04caff Color Information

#04caff Color Conversion

Color Schemes with #04caff

Alternatives to #04caff

#04caff Preview

Shades and Tints of #04caff

Tones of #04caff

Color Blindness Simulator