#04a8e1 hex color

In a RGB color space, hex #04a8e1 is composed of 1.6% red, 65.9% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 98.2% cyan, 25.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 195.5 degrees, a saturation of 96.5% and a lightness of 44.9%. #04a8e1 color hex could be obtained by blending #08ffff with #0051c3. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 66
- B 88
RGB color chart
- C 98
- M 25
- Y 0
- K 12
CMYK color chart

● #04a8e1 color description : Vivid blue.

The hexadecimal color #04a8e1 has RGB values of R:4, G:168, B:225 and CMYK values of C:0.98, M:0.25, Y:0, K:0.12. Its decimal value is 305377.

Hex triplet	04a8e1	`#04a8e1`
RGB Decimal	4, 168, 225	`rgb(4,168,225)`
RGB Percent	1.6, 65.9, 88.2	`rgb(1.6%,65.9%,88.2%)`
CMYK	98, 25, 0, 12
HSL	195.5°, 96.5, 44.9	`hsl(195.5,96.5%,44.9%)`
HSV (or HSB)	195.5°, 98.2, 88.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.535, -15.875, -38.738
XYZ	27.64, 33.465, 76.233
xyY	0.201, 0.244, 33.465
CIE-LCH	64.535, 41.865, 247.716
CIE-LUV	64.535, -43.661, -59.7
Hunter-Lab	57.849, -15.949, -37.638
Binary	00000100, 10101000, 11100001

#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#e13d04
```
#e13d04 rgb(225,61,4)
```

Complementary Color

#04e1ac
```
#04e1ac rgb(4,225,172)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#043ae1
```
#043ae1 rgb(4,58,225)
```

Analogous Color

#e1ac04
```
#e1ac04 rgb(225,172,4)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#e1043a
```
#e1043a rgb(225,4,58)
```

Split Complementary Color

#a8e104
```
#a8e104 rgb(168,225,4)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#e104a8
```
#e104a8 rgb(225,4,168)
```

Triadic Color

#04e13d
```
#04e13d rgb(4,225,61)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#e104a8
```
#e104a8 rgb(225,4,168)
```
#e13d04
```
#e13d04 rgb(225,61,4)
```

Tetradic Color

#037096
```
#037096 rgb(3,112,150)
```
#0383af
```
#0383af rgb(3,131,175)
```
#0495c8
```
#0495c8 rgb(4,149,200)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#04bbfa
```
#04bbfa rgb(4,187,250)
```
#1dc2fb
```
#1dc2fb rgb(29,194,251)
```
#36c9fb
```
#36c9fb rgb(54,201,251)
```

Monochromatic Color

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

#04dfe1
```
#04dfe1 rgb(4,223,225)
```
#04cde1
```
#04cde1 rgb(4,205,225)
```
#04bae1
```
#04bae1 rgb(4,186,225)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#0496e1
```
#0496e1 rgb(4,150,225)
```
#0483e1
```
#0483e1 rgb(4,131,225)
```
#0471e1
```
#0471e1 rgb(4,113,225)
```

Similar Colors

Text with hexadecimal color #04a8e1

This text has a font color of #04a8e1.

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

#04a8e1 background color

This paragraph has a background color of #04a8e1.

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

#04a8e1 border color

This element has a border color of #04a8e1.

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

CSS codes

.text {color:#04a8e1;}

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

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

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

#000a0d
```
#000a0d rgb(0,10,13)
```
#011820
```
#011820 rgb(1,24,32)
```
#012634
```
#012634 rgb(1,38,52)
```
#013547
```
#013547 rgb(1,53,71)
```
#02435a
```
#02435a rgb(2,67,90)
```
#02526d
```
#02526d rgb(2,82,109)
```
#026081
```
#026081 rgb(2,96,129)
```
#036e94
```
#036e94 rgb(3,110,148)
```
#037da7
```
#037da7 rgb(3,125,167)
```
#038bba
```
#038bba rgb(3,139,186)
```
#049ace
```
#049ace rgb(4,154,206)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```
#04b6f4
```
#04b6f4 rgb(4,182,244)
```

Shade Color Variation

#11bffb
```
#11bffb rgb(17,191,251)
```
#25c4fb
```
#25c4fb rgb(37,196,251)
```
#38c9fb
```
#38c9fb rgb(56,201,251)
```
#4bcefc
```
#4bcefc rgb(75,206,252)
```
#5fd3fc
```
#5fd3fc rgb(95,211,252)
```
#72d9fc
```
#72d9fc rgb(114,217,252)
```
#85defd
```
#85defd rgb(133,222,253)
```
#98e3fd
```
#98e3fd rgb(152,227,253)
```
#ace8fe
```
#ace8fe rgb(172,232,254)
```
#bfeefe
```
#bfeefe rgb(191,238,254)
```
#d2f3fe
```
#d2f3fe rgb(210,243,254)
```
#e5f8ff
```
#e5f8ff rgb(229,248,255)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#6e7577
```
#6e7577 rgb(110,117,119)
```
#657980
```
#657980 rgb(101,121,128)
```
#5c7d89
```
#5c7d89 rgb(92,125,137)
```
#538292
```
#538292 rgb(83,130,146)
```
#4a869b
```
#4a869b rgb(74,134,155)
```
#428aa3
```
#428aa3 rgb(66,138,163)
```
#398eac
```
#398eac rgb(57,142,172)
```
#3093b5
```
#3093b5 rgb(48,147,181)
```
#2797be
```
#2797be rgb(39,151,190)
```
#1e9bc7
```
#1e9bc7 rgb(30,155,199)
```
#169fcf
```
#169fcf rgb(22,159,207)
```
#0da4d8
```
#0da4d8 rgb(13,164,216)
```
#04a8e1
```
#04a8e1 rgb(4,168,225)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#658691 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f9fd9 Protanopia 1% of men
#80a0e7 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#5ca2dc Protanomaly 1% of men, 0.01% of women
#53a3e5 Deuteranomaly 6% of men, 0.4% of women
#01adca Tritanomaly 0.01% of the population

#04a8e1 hex color

#04a8e1 Color Information

#04a8e1 Color Conversion

Color Schemes with #04a8e1

Alternatives to #04a8e1

#04a8e1 Preview

Shades and Tints of #04a8e1

Tones of #04a8e1

Color Blindness Simulator