#04a5cf hex color

In a RGB color space, hex #04a5cf is composed of 1.6% red, 64.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 98.1% cyan, 20.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 192.4 degrees, a saturation of 96.2% and a lightness of 41.4%. #04a5cf color hex could be obtained by blending #08ffff with #004b9f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 65
- B 81
RGB color chart
- C 98
- M 20
- Y 0
- K 19
CMYK color chart

● #04a5cf color description : Strong cyan.

The hexadecimal color #04a5cf has RGB values of R:4, G:165, B:207 and CMYK values of C:0.98, M:0.2, Y:0, K:0.19. Its decimal value is 304591.

Hex triplet	04a5cf	`#04a5cf`
RGB Decimal	4, 165, 207	`rgb(4,165,207)`
RGB Percent	1.6, 64.7, 81.2	`rgb(1.6%,64.7%,81.2%)`
CMYK	98, 20, 0, 19
HSL	192.4°, 96.2, 41.4	`hsl(192.4,96.2%,41.4%)`
HSV (or HSB)	192.4°, 98.1, 81.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.876, -20.633, -31.358
XYZ	24.765, 31.439, 63.791
xyY	0.206, 0.262, 31.439
CIE-LCH	62.876, 37.537, 236.656
CIE-LUV	62.876, -43.976, -46.515
Hunter-Lab	56.07, -19.284, -28.205
Binary	00000100, 10100101, 11001111

#04a5cf
```
#04a5cf rgb(4,165,207)
```
#cf2e04
```
#cf2e04 rgb(207,46,4)
```

Complementary Color

#04cf94
```
#04cf94 rgb(4,207,148)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#043fcf
```
#043fcf rgb(4,63,207)
```

Analogous Color

#cf9404
```
#cf9404 rgb(207,148,4)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#cf043f
```
#cf043f rgb(207,4,63)
```

Split Complementary Color

#a5cf04
```
#a5cf04 rgb(165,207,4)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#cf04a5
```
#cf04a5 rgb(207,4,165)
```

Triadic Color

#04cf2e
```
#04cf2e rgb(4,207,46)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#cf04a5
```
#cf04a5 rgb(207,4,165)
```
#cf2e04
```
#cf2e04 rgb(207,46,4)
```

Tetradic Color

#036984
```
#036984 rgb(3,105,132)
```
#037d9d
```
#037d9d rgb(3,125,157)
```
#0491b6
```
#0491b6 rgb(4,145,182)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#04b9e8
```
#04b9e8 rgb(4,185,232)
```
#0cc9fa
```
#0cc9fa rgb(12,201,250)
```
#25cefb
```
#25cefb rgb(37,206,251)
```

Monochromatic Color

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

#04cfc6
```
#04cfc6 rgb(4,207,198)
```
#04c7cf
```
#04c7cf rgb(4,199,207)
```
#04b6cf
```
#04b6cf rgb(4,182,207)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#0494cf
```
#0494cf rgb(4,148,207)
```
#0483cf
```
#0483cf rgb(4,131,207)
```
#0472cf
```
#0472cf rgb(4,114,207)
```

Similar Colors

Text with hexadecimal color #04a5cf

This text has a font color of #04a5cf.

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

#04a5cf background color

This paragraph has a background color of #04a5cf.

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

#04a5cf border color

This element has a border color of #04a5cf.

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

CSS codes

.text {color:#04a5cf;}

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

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

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

#000c0f
```
#000c0f rgb(0,12,15)
```
#011b22
```
#011b22 rgb(1,27,34)
```
#012a35
```
#012a35 rgb(1,42,53)
```
#013a48
```
#013a48 rgb(1,58,72)
```
#02495c
```
#02495c rgb(2,73,92)
```
#02586f
```
#02586f rgb(2,88,111)
```
#036882
```
#036882 rgb(3,104,130)
```
#037795
```
#037795 rgb(3,119,149)
```
#0386a9
```
#0386a9 rgb(3,134,169)
```
#0496bc
```
#0496bc rgb(4,150,188)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```
#04b4e2
```
#04b4e2 rgb(4,180,226)
```
#05c4f5
```
#05c4f5 rgb(5,196,245)
```

Shade Color Variation

#13cbfa
```
#13cbfa rgb(19,203,250)
```
#27cffb
```
#27cffb rgb(39,207,251)
```
#3ad3fb
```
#3ad3fb rgb(58,211,251)
```
#4dd7fc
```
#4dd7fc rgb(77,215,252)
```
#60dcfc
```
#60dcfc rgb(96,220,252)
```
#74e0fc
```
#74e0fc rgb(116,224,252)
```
#87e4fd
```
#87e4fd rgb(135,228,253)
```
#9ae9fd
```
#9ae9fd rgb(154,233,253)
```
#adedfd
```
#adedfd rgb(173,237,253)
```
#c1f1fe
```
#c1f1fe rgb(193,241,254)
```
#d4f5fe
```
#d4f5fe rgb(212,245,254)
```
#e7faff
```
#e7faff rgb(231,250,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#656c6e
```
#656c6e rgb(101,108,110)
```
#5d7176
```
#5d7176 rgb(93,113,118)
```
#55757e
```
#55757e rgb(85,117,126)
```
#4d7a86
```
#4d7a86 rgb(77,122,134)
```
#457f8e
```
#457f8e rgb(69,127,142)
```
#3d8496
```
#3d8496 rgb(61,132,150)
```
#35889e
```
#35889e rgb(53,136,158)
```
#2d8da6
```
#2d8da6 rgb(45,141,166)
```
#2492af
```
#2492af rgb(36,146,175)
```
#1c97b7
```
#1c97b7 rgb(28,151,183)
```
#149bbf
```
#149bbf rgb(20,155,191)
```
#0ca0c7
```
#0ca0c7 rgb(12,160,199)
```
#04a5cf
```
#04a5cf rgb(4,165,207)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#62838b Atypical Achromatopsia 0.001% of the population

Dichromacy

#909bc8 Protanopia 1% of men
#879bd7 Deuteranopia 1% of men
#00acb8 Tritanopia 0.001% of the population

Trichromacy

#5d9fca Protanomaly 1% of men, 0.01% of women
#579fd4 Deuteranomaly 6% of men, 0.4% of women
#01a9c0 Tritanomaly 0.01% of the population

#04a5cf hex color

#04a5cf Color Information

#04a5cf Color Conversion

Color Schemes with #04a5cf

Alternatives to #04a5cf

#04a5cf Preview

Shades and Tints of #04a5cf

Tones of #04a5cf

Color Blindness Simulator