#04a5c6 hex color

In a RGB color space, hex #04a5c6 is composed of 1.6% red, 64.7% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 16.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 190.2 degrees, a saturation of 96% and a lightness of 39.6%. #04a5c6 color hex could be obtained by blending #08ffff with #004b8d. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 65
- B 78
RGB color chart
- C 98
- M 17
- Y 0
- K 22
CMYK color chart

● #04a5c6 color description : Strong cyan.

The hexadecimal color #04a5c6 has RGB values of R:4, G:165, B:198 and CMYK values of C:0.98, M:0.17, Y:0, K:0.22. Its decimal value is 304582.

Hex triplet	04a5c6	`#04a5c6`
RGB Decimal	4, 165, 198	`rgb(4,165,198)`
RGB Percent	1.6, 64.7, 77.6	`rgb(1.6%,64.7%,77.6%)`
CMYK	98, 17, 0, 22
HSL	190.2°, 96, 39.6	`hsl(190.2,96%,39.6%)`
HSV (or HSB)	190.2°, 98, 77.6
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.517, -23.748, -26.901
XYZ	23.695, 31.011, 58.16
xyY	0.21, 0.275, 31.011
CIE-LCH	62.517, 35.883, 228.562
CIE-LUV	62.517, -44.662, -38.676
Hunter-Lab	55.687, -21.5, -22.941
Binary	00000100, 10100101, 11000110

#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#c62504
```
#c62504 rgb(198,37,4)
```

Complementary Color

#04c686
```
#04c686 rgb(4,198,134)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#0444c6
```
#0444c6 rgb(4,68,198)
```

Analogous Color

#c68604
```
#c68604 rgb(198,134,4)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#c60444
```
#c60444 rgb(198,4,68)
```

Split Complementary Color

#a5c604
```
#a5c604 rgb(165,198,4)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#c604a5
```
#c604a5 rgb(198,4,165)
```

Triadic Color

#04c625
```
#04c625 rgb(4,198,37)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#c604a5
```
#c604a5 rgb(198,4,165)
```
#c62504
```
#c62504 rgb(198,37,4)
```

Tetradic Color

#02677b
```
#02677b rgb(2,103,123)
```
#037b94
```
#037b94 rgb(3,123,148)
```
#0390ad
```
#0390ad rgb(3,144,173)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#05badf
```
#05badf rgb(5,186,223)
```
#05cff8
```
#05cff8 rgb(5,207,248)
```
#1cd5fa
```
#1cd5fa rgb(28,213,250)
```

Monochromatic Color

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

#04c6b7
```
#04c6b7 rgb(4,198,183)
```
#04c5c6
```
#04c5c6 rgb(4,197,198)
```
#04b5c6
```
#04b5c6 rgb(4,181,198)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#0495c6
```
#0495c6 rgb(4,149,198)
```
#0485c6
```
#0485c6 rgb(4,133,198)
```
#0475c6
```
#0475c6 rgb(4,117,198)
```

Similar Colors

Text with hexadecimal color #04a5c6

This text has a font color of #04a5c6.

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

#04a5c6 background color

This paragraph has a background color of #04a5c6.

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

#04a5c6 border color

This element has a border color of #04a5c6.

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

CSS codes

.text {color:#04a5c6;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#011519
```
#011519 rgb(1,21,25)
```
#01252c
```
#01252c rgb(1,37,44)
```
#01353f
```
#01353f rgb(1,53,63)
```
#024553
```
#024553 rgb(2,69,83)
```
#025566
```
#025566 rgb(2,85,102)
```
#026579
```
#026579 rgb(2,101,121)
```
#03758c
```
#03758c rgb(3,117,140)
```
#0385a0
```
#0385a0 rgb(3,133,160)
```
#0495b3
```
#0495b3 rgb(4,149,179)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```
#04b5d9
```
#04b5d9 rgb(4,181,217)
```
#05c5ec
```
#05c5ec rgb(5,197,236)
```

Shade Color Variation

#0bd1fa
```
#0bd1fa rgb(11,209,250)
```
#1ed5fa
```
#1ed5fa rgb(30,213,250)
```
#31d9fb
```
#31d9fb rgb(49,217,251)
```
#44dcfb
```
#44dcfb rgb(68,220,251)
```
#58e0fc
```
#58e0fc rgb(88,224,252)
```
#6be3fc
```
#6be3fc rgb(107,227,252)
```
#7ee7fc
```
#7ee7fc rgb(126,231,252)
```
#91ebfd
```
#91ebfd rgb(145,235,253)
```
#a5eefd
```
#a5eefd rgb(165,238,253)
```
#b8f2fe
```
#b8f2fe rgb(184,242,254)
```
#cbf5fe
```
#cbf5fe rgb(203,245,254)
```
#def9fe
```
#def9fe rgb(222,249,254)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#616769
```
#616769 rgb(97,103,105)
```
#596d71
```
#596d71 rgb(89,109,113)
```
#527278
```
#527278 rgb(82,114,120)
```
#4a7780
```
#4a7780 rgb(74,119,128)
```
#427c88
```
#427c88 rgb(66,124,136)
```
#3a8190
```
#3a8190 rgb(58,129,144)
```
#338697
```
#338697 rgb(51,134,151)
```
#2b8b9f
```
#2b8b9f rgb(43,139,159)
```
#2390a7
```
#2390a7 rgb(35,144,167)
```
#1b96af
```
#1b96af rgb(27,150,175)
```
#149bb6
```
#149bb6 rgb(20,155,182)
```
#0ca0be
```
#0ca0be rgb(12,160,190)
```
#04a5c6
```
#04a5c6 rgb(4,165,198)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#628288 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939bbf Protanopia 1% of men
#8c9ace Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5f9ec1 Protanomaly 1% of men, 0.01% of women
#5a9ecb Deuteranomaly 6% of men, 0.4% of women
#01a9bd Tritanomaly 0.01% of the population

#04a5c6 hex color

#04a5c6 Color Information

#04a5c6 Color Conversion

Color Schemes with #04a5c6

Alternatives to #04a5c6

#04a5c6 Preview

Shades and Tints of #04a5c6

Tones of #04a5c6

Color Blindness Simulator