#04daff hex color

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

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

● #04daff color description : Vivid cyan.

The hexadecimal color #04daff has RGB values of R:4, G:218, B:255 and CMYK values of C:0.98, M:0.15, Y:0, K:0. Its decimal value is 318207.

Hex triplet	04daff	`#04daff`
RGB Decimal	4, 218, 255	`rgb(4,218,255)`
RGB Percent	1.6, 85.5, 100	`rgb(1.6%,85.5%,100%)`
CMYK	98, 15, 0, 0
HSL	188.8°, 100, 50.8	`hsl(188.8,100%,50.8%)`
HSV (or HSB)	188.8°, 98.4, 100
Web Safe	00ccff	`#00ccff`

CIE-LAB	80.395, -31.165, -30.388
XYZ	43.166, 57.384, 103.403
xyY	0.212, 0.281, 57.384
CIE-LCH	80.395, 43.528, 224.277
CIE-LUV	80.395, -58.138, -44.906
Hunter-Lab	75.752, -30.851, -27.905
Binary	00000100, 11011010, 11111111

#04daff
```
#04daff rgb(4,218,255)
```
#ff2904
```
#ff2904 rgb(255,41,4)
```

Complementary Color

#04ffa7
```
#04ffa7 rgb(4,255,167)
```
#04daff
```
#04daff rgb(4,218,255)
```
#045dff
```
#045dff rgb(4,93,255)
```

Analogous Color

#ffa704
```
#ffa704 rgb(255,167,4)
```
#04daff
```
#04daff rgb(4,218,255)
```
#ff045d
```
#ff045d rgb(255,4,93)
```

Split Complementary Color

#daff04
```
#daff04 rgb(218,255,4)
```
#04daff
```
#04daff rgb(4,218,255)
```
#ff04da
```
#ff04da rgb(255,4,218)
```

Triadic Color

#04ff29
```
#04ff29 rgb(4,255,41)
```
#04daff
```
#04daff rgb(4,218,255)
```
#ff04da
```
#ff04da rgb(255,4,218)
```
#ff2904
```
#ff2904 rgb(255,41,4)
```

Tetradic Color

#009cb7
```
#009cb7 rgb(0,156,183)
```
#00b1d0
```
#00b1d0 rgb(0,177,208)
```
#00c7ea
```
#00c7ea rgb(0,199,234)
```
#04daff
```
#04daff rgb(4,218,255)
```
#1edeff
```
#1edeff rgb(30,222,255)
```
#37e2ff
```
#37e2ff rgb(55,226,255)
```
#51e5ff
```
#51e5ff rgb(81,229,255)
```

Monochromatic Color

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

#04ffe5
```
#04ffe5 rgb(4,255,229)
```
#04fffa
```
#04fffa rgb(4,255,250)
```
#04efff
```
#04efff rgb(4,239,255)
```
#04daff
```
#04daff rgb(4,218,255)
```
#04c5ff
```
#04c5ff rgb(4,197,255)
```
#04b0ff
```
#04b0ff rgb(4,176,255)
```
#049bff
```
#049bff rgb(4,155,255)
```

Similar Colors

Text with hexadecimal color #04daff

This text has a font color of #04daff.

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

#04daff background color

This paragraph has a background color of #04daff.

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

#04daff border color

This element has a border color of #04daff.

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

CSS codes

.text {color:#04daff;}

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

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

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 #effdff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001418
```
#001418 rgb(0,20,24)
```
#00252b
```
#00252b rgb(0,37,43)
```
#00363f
```
#00363f rgb(0,54,63)
```
#004652
```
#004652 rgb(0,70,82)
```
#005766
```
#005766 rgb(0,87,102)
```
#00687a
```
#00687a rgb(0,104,122)
```
#00788d
```
#00788d rgb(0,120,141)
```
#0089a1
```
#0089a1 rgb(0,137,161)
```
#009ab5
```
#009ab5 rgb(0,154,181)
```
#00abc8
```
#00abc8 rgb(0,171,200)
```
#00bbdc
```
#00bbdc rgb(0,187,220)
```
#00ccef
```
#00ccef rgb(0,204,239)
```

Shade Color Variation

#04daff
```
#04daff rgb(4,218,255)
```
#18ddff
```
#18ddff rgb(24,221,255)
```
#2be0ff
```
#2be0ff rgb(43,224,255)
```
#3fe3ff
```
#3fe3ff rgb(63,227,255)
```
#52e6ff
```
#52e6ff rgb(82,230,255)
```
#66e8ff
```
#66e8ff rgb(102,232,255)
```
#7aebff
```
#7aebff rgb(122,235,255)
```
#8deeff
```
#8deeff rgb(141,238,255)
```
#a1f1ff
```
#a1f1ff rgb(161,241,255)
```
#b5f4ff
```
#b5f4ff rgb(181,244,255)
```
#c8f7ff
```
#c8f7ff rgb(200,247,255)
```
#dcfaff
```
#dcfaff rgb(220,250,255)
```
#effdff
```
#effdff rgb(239,253,255)
```

Tint Color Variation

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

#78888b
```
#78888b rgb(120,136,139)
```
#6e8f95
```
#6e8f95 rgb(110,143,149)
```
#65969e
```
#65969e rgb(101,150,158)
```
#5b9da8
```
#5b9da8 rgb(91,157,168)
```
#51a4b2
```
#51a4b2 rgb(81,164,178)
```
#48aabb
```
#48aabb rgb(72,170,187)
```
#3eb1c5
```
#3eb1c5 rgb(62,177,197)
```
#34b8cf
```
#34b8cf rgb(52,184,207)
```
#2bbfd8
```
#2bbfd8 rgb(43,191,216)
```
#21c6e2
```
#21c6e2 rgb(33,198,226)
```
#17ccec
```
#17ccec rgb(23,204,236)
```
#0ed3f5
```
#0ed3f5 rgb(14,211,245)
```
#04daff
```
#04daff rgb(4,218,255)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#7faab1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0c8f2 Protanopia 1% of men
#bcc8ff Deuteranopia 1% of men
#00dded Tritanopia 0.001% of the population

Trichromacy

#7bcef7 Protanomaly 1% of men, 0.01% of women
#79ceff Deuteranomaly 6% of men, 0.4% of women
#01dcf4 Tritanomaly 0.01% of the population

#04daff hex color

#04daff Color Information

#04daff Color Conversion

Color Schemes with #04daff

Alternatives to #04daff

#04daff Preview

Shades and Tints of #04daff

Tones of #04daff

Color Blindness Simulator