#04d5f7 hex color

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

♥
- f
- t
- g
- R 2
- G 84
- B 97
RGB color chart
- C 98
- M 14
- Y 0
- K 3
CMYK color chart

● #04d5f7 color description : Vivid cyan.

The hexadecimal color #04d5f7 has RGB values of R:4, G:213, B:247 and CMYK values of C:0.98, M:0.14, Y:0, K:0.03. Its decimal value is 316919.

Hex triplet	04d5f7	`#04d5f7`
RGB Decimal	4, 213, 247	`rgb(4,213,247)`
RGB Percent	1.6, 83.5, 96.9	`rgb(1.6%,83.5%,96.9%)`
CMYK	98, 14, 0, 3
HSL	188.4°, 96.8, 49.2	`hsl(188.4,96.8%,49.2%)`
HSV (or HSB)	188.4°, 98.4, 96.9
Web Safe	00ccff	`#00ccff`

CIE-LAB	78.651, -31.334, -28.81
XYZ	40.628, 54.326, 96.335
xyY	0.212, 0.284, 54.326
CIE-LCH	78.651, 42.566, 222.597
CIE-LUV	78.651, -57.102, -42.067
Hunter-Lab	73.706, -30.593, -25.899
Binary	00000100, 11010101, 11110111

#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#f72604
```
#f72604 rgb(247,38,4)
```

Complementary Color

#04f7a0
```
#04f7a0 rgb(4,247,160)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#045cf7
```
#045cf7 rgb(4,92,247)
```

Analogous Color

#f7a004
```
#f7a004 rgb(247,160,4)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#f7045c
```
#f7045c rgb(247,4,92)
```

Split Complementary Color

#d5f704
```
#d5f704 rgb(213,247,4)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#f704d5
```
#f704d5 rgb(247,4,213)
```

Triadic Color

#04f726
```
#04f726 rgb(4,247,38)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#f704d5
```
#f704d5 rgb(247,4,213)
```
#f72604
```
#f72604 rgb(247,38,4)
```

Tetradic Color

#0394ac
```
#0394ac rgb(3,148,172)
```
#03aac5
```
#03aac5 rgb(3,170,197)
```
#04bfde
```
#04bfde rgb(4,191,222)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#19dcfb
```
#19dcfb rgb(25,220,251)
```
#32e0fc
```
#32e0fc rgb(50,224,252)
```
#4be3fc
```
#4be3fc rgb(75,227,252)
```

Monochromatic Color

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

#04f7dc
```
#04f7dc rgb(4,247,220)
```
#04f7f1
```
#04f7f1 rgb(4,247,241)
```
#04e9f7
```
#04e9f7 rgb(4,233,247)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```
#04c1f7
```
#04c1f7 rgb(4,193,247)
```
#04adf7
```
#04adf7 rgb(4,173,247)
```
#0498f7
```
#0498f7 rgb(4,152,247)
```

Similar Colors

Text with hexadecimal color #04d5f7

This text has a font color of #04d5f7.

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

#04d5f7 background color

This paragraph has a background color of #04d5f7.

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

#04d5f7 border color

This element has a border color of #04d5f7.

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

CSS codes

.text {color:#04d5f7;}

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

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

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

#000d0f
```
#000d0f rgb(0,13,15)
```
#011e23
```
#011e23 rgb(1,30,35)
```
#012f36
```
#012f36 rgb(1,47,54)
```
#013f49
```
#013f49 rgb(1,63,73)
```
#01505d
```
#01505d rgb(1,80,93)
```
#026070
```
#026070 rgb(2,96,112)
```
#027183
```
#027183 rgb(2,113,131)
```
#028296
```
#028296 rgb(2,130,150)
```
#0392aa
```
#0392aa rgb(3,146,170)
```
#03a3bd
```
#03a3bd rgb(3,163,189)
```
#03b4d0
```
#03b4d0 rgb(3,180,208)
```
#04c4e4
```
#04c4e4 rgb(4,196,228)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```

Shade Color Variation

#13dbfb
```
#13dbfb rgb(19,219,251)
```
#27defb
```
#27defb rgb(39,222,251)
```
#3ae1fc
```
#3ae1fc rgb(58,225,252)
```
#4de4fc
```
#4de4fc rgb(77,228,252)
```
#61e7fc
```
#61e7fc rgb(97,231,252)
```
#74eafd
```
#74eafd rgb(116,234,253)
```
#87edfd
```
#87edfd rgb(135,237,253)
```
#9bf0fd
```
#9bf0fd rgb(155,240,253)
```
#aef3fe
```
#aef3fe rgb(174,243,254)
```
#c1f5fe
```
#c1f5fe rgb(193,245,254)
```
#d4f8fe
```
#d4f8fe rgb(212,248,254)
```
#e8fbff
```
#e8fbff rgb(232,251,255)
```
#fbfeff
```
#fbfeff rgb(251,254,255)
```

Tint Color Variation

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

#788283
```
#788283 rgb(120,130,131)
```
#6e898d
```
#6e898d rgb(110,137,141)
```
#658f96
```
#658f96 rgb(101,143,150)
```
#5b96a0
```
#5b96a0 rgb(91,150,160)
```
#519daa
```
#519daa rgb(81,157,170)
```
#48a4b3
```
#48a4b3 rgb(72,164,179)
```
#3eabbd
```
#3eabbd rgb(62,171,189)
```
#34b2c7
```
#34b2c7 rgb(52,178,199)
```
#2bb9d0
```
#2bb9d0 rgb(43,185,208)
```
#21c0da
```
#21c0da rgb(33,192,218)
```
#17c7e4
```
#17c7e4 rgb(23,199,228)
```
#0eceed
```
#0eceed rgb(14,206,237)
```
#04d5f7
```
#04d5f7 rgb(4,213,247)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#7ca6ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc4eb Protanopia 1% of men
#b6c2ff Deuteranopia 1% of men
#00d8e8 Tritanopia 0.001% of the population

Trichromacy

#79caef Protanomaly 1% of men, 0.01% of women
#75c9fc Deuteranomaly 6% of men, 0.4% of women
#01d7ed Tritanomaly 0.01% of the population

#04d5f7 hex color

#04d5f7 Color Information

#04d5f7 Color Conversion

Color Schemes with #04d5f7

Alternatives to #04d5f7

#04d5f7 Preview

Shades and Tints of #04d5f7

Tones of #04d5f7

Color Blindness Simulator