#04a5db hex color

In a RGB color space, hex #04a5db is composed of 1.6% red, 64.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 24.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 195.1 degrees, a saturation of 96.4% and a lightness of 43.7%. #04a5db color hex could be obtained by blending #08ffff with #004bb7. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 65
- B 86
RGB color chart
- C 98
- M 25
- Y 0
- K 14
CMYK color chart

● #04a5db color description : Vivid blue.

The hexadecimal color #04a5db has RGB values of R:4, G:165, B:219 and CMYK values of C:0.98, M:0.25, Y:0, K:0.14. Its decimal value is 304603.

Hex triplet	04a5db	`#04a5db`
RGB Decimal	4, 165, 219	`rgb(4,165,219)`
RGB Percent	1.6, 64.7, 85.9	`rgb(1.6%,64.7%,85.9%)`
CMYK	98, 25, 0, 14
HSL	195.1°, 96.4, 43.7	`hsl(195.1,96.4%,43.7%)`
HSV (or HSB)	195.1°, 98.2, 85.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	63.383, -16.397, -37.226
XYZ	26.288, 32.048, 71.814
xyY	0.202, 0.246, 32.048
CIE-LCH	63.383, 40.677, 246.228
CIE-LUV	63.383, -43.086, -56.933
Hunter-Lab	56.611, -16.18, -35.585
Binary	00000100, 10100101, 11011011

#04a5db
```
#04a5db rgb(4,165,219)
```
#db3a04
```
#db3a04 rgb(219,58,4)
```

Complementary Color

#04dba6
```
#04dba6 rgb(4,219,166)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#043adb
```
#043adb rgb(4,58,219)
```

Analogous Color

#dba604
```
#dba604 rgb(219,166,4)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#db043a
```
#db043a rgb(219,4,58)
```

Split Complementary Color

#a5db04
```
#a5db04 rgb(165,219,4)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#db04a5
```
#db04a5 rgb(219,4,165)
```

Triadic Color

#04db3a
```
#04db3a rgb(4,219,58)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#db04a5
```
#db04a5 rgb(219,4,165)
```
#db3a04
```
#db3a04 rgb(219,58,4)
```

Tetradic Color

#036c90
```
#036c90 rgb(3,108,144)
```
#037fa9
```
#037fa9 rgb(3,127,169)
```
#0492c2
```
#0492c2 rgb(4,146,194)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#04b8f4
```
#04b8f4 rgb(4,184,244)
```
#17c2fb
```
#17c2fb rgb(23,194,251)
```
#30c8fb
```
#30c8fb rgb(48,200,251)
```

Monochromatic Color

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

#04dbdb
```
#04dbdb rgb(4,219,219)
```
#04c9db
```
#04c9db rgb(4,201,219)
```
#04b7db
```
#04b7db rgb(4,183,219)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#0493db
```
#0493db rgb(4,147,219)
```
#0481db
```
#0481db rgb(4,129,219)
```
#046fdb
```
#046fdb rgb(4,111,219)
```

Similar Colors

Text with hexadecimal color #04a5db

This text has a font color of #04a5db.

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

#04a5db background color

This paragraph has a background color of #04a5db.

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

#04a5db border color

This element has a border color of #04a5db.

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

CSS codes

.text {color:#04a5db;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141a
```
#00141a rgb(0,20,26)
```
#01222e
```
#01222e rgb(1,34,46)
```
#013141
```
#013141 rgb(1,49,65)
```
#023f54
```
#023f54 rgb(2,63,84)
```
#024e67
```
#024e67 rgb(2,78,103)
```
#025c7b
```
#025c7b rgb(2,92,123)
```
#036b8e
```
#036b8e rgb(3,107,142)
```
#0379a1
```
#0379a1 rgb(3,121,161)
```
#0388b4
```
#0388b4 rgb(3,136,180)
```
#0496c8
```
#0496c8 rgb(4,150,200)
```
#04a5db
```
#04a5db rgb(4,165,219)
```
#04b4ee
```
#04b4ee rgb(4,180,238)
```

Shade Color Variation

#0cbffb
```
#0cbffb rgb(12,191,251)
```
#1fc4fb
```
#1fc4fb rgb(31,196,251)
```
#32c9fb
```
#32c9fb rgb(50,201,251)
```
#45cefc
```
#45cefc rgb(69,206,252)
```
#59d3fc
```
#59d3fc rgb(89,211,252)
```
#6cd8fc
```
#6cd8fc rgb(108,216,252)
```
#7fddfd
```
#7fddfd rgb(127,221,253)
```
#93e2fd
```
#93e2fd rgb(147,226,253)
```
#a6e7fd
```
#a6e7fd rgb(166,231,253)
```
#b9ecfe
```
#b9ecfe rgb(185,236,254)
```
#ccf2fe
```
#ccf2fe rgb(204,242,254)
```
#e0f7fe
```
#e0f7fe rgb(224,247,254)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#6b7274
```
#6b7274 rgb(107,114,116)
```
#62767d
```
#62767d rgb(98,118,125)
```
#5a7a85
```
#5a7a85 rgb(90,122,133)
```
#517f8e
```
#517f8e rgb(81,127,142)
```
#498396
```
#498396 rgb(73,131,150)
```
#40879f
```
#40879f rgb(64,135,159)
```
#378ba8
```
#378ba8 rgb(55,139,168)
```
#2f90b0
```
#2f90b0 rgb(47,144,176)
```
#2694b9
```
#2694b9 rgb(38,148,185)
```
#1e98c1
```
#1e98c1 rgb(30,152,193)
```
#159cca
```
#159cca rgb(21,156,202)
```
#0da1d2
```
#0da1d2 rgb(13,161,210)
```
#04a5db
```
#04a5db rgb(4,165,219)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#63838e Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d9cd3 Protanopia 1% of men
#7f9de1 Deuteranopia 1% of men
#00aeba Tritanopia 0.001% of the population

Trichromacy

#5b9fd6 Protanomaly 1% of men, 0.01% of women
#52a0df Deuteranomaly 6% of men, 0.4% of women
#01aac6 Tritanomaly 0.01% of the population

#04a5db hex color

#04a5db Color Information

#04a5db Color Conversion

Color Schemes with #04a5db

Alternatives to #04a5db

#04a5db Preview

Shades and Tints of #04a5db

Tones of #04a5db

Color Blindness Simulator