colorhexa.com

#04a5c4 hex color

In a RGB color space, hex #04a5c4 is composed of 1.6% red, 64.7% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 98% cyan, 15.8% magenta, 0% yellow and 23.1% black. It has a hue angle of 189.7 degrees, a saturation of 96% and a lightness of 39.2%. #04a5c4 color hex could be obtained by blending #08ffff with #004b89. Closest websafe color is: #0099cc.

- R 2
- G 65
- B 77
RGB color chart
- C 98
- M 16
- Y 0
- K 23
CMYK color chart

● #04a5c4 color description : Strong cyan.

The hexadecimal color #04a5c4 has RGB values of R:4, G:165, B:196 and CMYK values of C:0.98, M:0.16, Y:0, K:0.23. Its decimal value is 304580.

Hex triplet	04a5c4	`#04a5c4`
RGB Decimal	4, 165, 196	`rgb(4,165,196)`
RGB Percent	1.6, 64.7, 76.9	`rgb(1.6%,64.7%,76.9%)`
CMYK	98, 16, 0, 23
HSL	189.7°, 96, 39.2	`hsl(189.7,96%,39.2%)`
HSV (or HSB)	189.7°, 98, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.439, -24.432, -25.904
XYZ	23.466, 30.919, 56.953
xyY	0.211, 0.278, 30.919
CIE-LCH	62.439, 35.608, 226.675
CIE-LUV	62.439, -44.817, -36.934
Hunter-Lab	55.605, -21.979, -21.803
Binary	00000100, 10100101, 11000100

#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#c42304
```
#c42304 rgb(196,35,4)
```

Complementary Color

#04c483
```
#04c483 rgb(4,196,131)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#0445c4
```
#0445c4 rgb(4,69,196)
```

Analogous Color

#c48304
```
#c48304 rgb(196,131,4)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#c40445
```
#c40445 rgb(196,4,69)
```

Split Complementary Color

#a5c404
```
#a5c404 rgb(165,196,4)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#c404a5
```
#c404a5 rgb(196,4,165)
```

Triadic Color

#026679
```
#026679 rgb(2,102,121)
```
#037b92
```
#037b92 rgb(3,123,146)
```
#0390ab
```
#0390ab rgb(3,144,171)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#05badd
```
#05badd rgb(5,186,221)
```
#05cff6
```
#05cff6 rgb(5,207,246)
```
#1ad6fa
```
#1ad6fa rgb(26,214,250)
```

Monochromatic Color

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

#04c4b3
```
#04c4b3 rgb(4,196,179)
```
#04c4c3
```
#04c4c3 rgb(4,196,195)
```
#04b5c4
```
#04b5c4 rgb(4,181,196)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#0495c4
```
#0495c4 rgb(4,149,196)
```
#0485c4
```
#0485c4 rgb(4,133,196)
```
#0475c4
```
#0475c4 rgb(4,117,196)
```

Similar Colors

Text with hexadecimal color #04a5c4

This text has a font color of #04a5c4.

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

#04a5c4 background color

This paragraph has a background color of #04a5c4.

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

#04a5c4 border color

This element has a border color of #04a5c4.

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

CSS codes

.text {color:#04a5c4;}

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

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

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

#000304
```
#000304 rgb(0,3,4)
```
#001317
```
#001317 rgb(0,19,23)
```
#01242a
```
#01242a rgb(1,36,42)
```
#01343d
```
#01343d rgb(1,52,61)
```
#024451
```
#024451 rgb(2,68,81)
```
#025464
```
#025464 rgb(2,84,100)
```
#026477
```
#026477 rgb(2,100,119)
```
#03748a
```
#03748a rgb(3,116,138)
```
#03859e
```
#03859e rgb(3,133,158)
```
#0495b1
```
#0495b1 rgb(4,149,177)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```
#04b5d7
```
#04b5d7 rgb(4,181,215)
```
#05c5ea
```
#05c5ea rgb(5,197,234)
```

Shade Color Variation

#09d3fa
```
#09d3fa rgb(9,211,250)
```
#1cd6fa
```
#1cd6fa rgb(28,214,250)
```
#2fdafb
```
#2fdafb rgb(47,218,251)
```
#43ddfb
```
#43ddfb rgb(67,221,251)
```
#56e1fc
```
#56e1fc rgb(86,225,252)
```
#69e4fc
```
#69e4fc rgb(105,228,252)
```
#7ce8fc
```
#7ce8fc rgb(124,232,252)
```
#8febfd
```
#8febfd rgb(143,235,253)
```
#a3effd
```
#a3effd rgb(163,239,253)
```
#b6f2fe
```
#b6f2fe rgb(182,242,254)
```
#c9f5fe
```
#c9f5fe rgb(201,245,254)
```
#dcf9fe
```
#dcf9fe rgb(220,249,254)
```
#f0fcff
```
#f0fcff rgb(240,252,255)
```

Tint Color Variation

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

#606768
```
#606768 rgb(96,103,104)
```
#596c6f
```
#596c6f rgb(89,108,111)
```
#517177
```
#517177 rgb(81,113,119)
```
#49767f
```
#49767f rgb(73,118,127)
```
#427b86
```
#427b86 rgb(66,123,134)
```
#3a818e
```
#3a818e rgb(58,129,142)
```
#328696
```
#328696 rgb(50,134,150)
```
#2a8b9e
```
#2a8b9e rgb(42,139,158)
```
#2390a5
```
#2390a5 rgb(35,144,165)
```
#1b95ad
```
#1b95ad rgb(27,149,173)
```
#139bb5
```
#139bb5 rgb(19,155,181)
```
#0ca0bc
```
#0ca0bc rgb(12,160,188)
```
#04a5c4
```
#04a5c4 rgb(4,165,196)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#618187 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939abd Protanopia 1% of men
#8d9acd Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#5f9ebf Protanomaly 1% of men, 0.01% of women
#5b9ec9 Deuteranomaly 6% of men, 0.4% of women
#01a9bc Tritanomaly 0.01% of the population