#045af8 hex color

In a RGB color space, hex #045af8 is composed of 1.6% red, 35.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 98.4% cyan, 63.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 218.9 degrees, a saturation of 96.8% and a lightness of 49.4%. #045af8 color hex could be obtained by blending #08b4ff with #0000f1. Closest websafe color is: #0066ff.

♥
- f
- t
- g
- R 2
- G 35
- B 97
RGB color chart
- C 98
- M 64
- Y 0
- K 3
CMYK color chart

● #045af8 color description : Vivid blue.

The hexadecimal color #045af8 has RGB values of R:4, G:90, B:248 and CMYK values of C:0.98, M:0.64, Y:0, K:0.03. Its decimal value is 285432.

Hex triplet	045af8	`#045af8`
RGB Decimal	4, 90, 248	`rgb(4,90,248)`
RGB Percent	1.6, 35.3, 97.3	`rgb(1.6%,35.3%,97.3%)`
CMYK	98, 64, 0, 3
HSL	218.9°, 96.8, 49.4	`hsl(218.9,96.8%,49.4%)`
HSV (or HSB)	218.9°, 98.4, 97.3
Web Safe	0066ff	`#0066ff`

CIE-LAB	44.396, 40.237, -83.871
XYZ	20.646, 14.114, 90.438
xyY	0.165, 0.113, 14.114
CIE-LCH	44.396, 93.023, 295.63
CIE-LUV	44.396, -19.55, -124.743
Hunter-Lab	37.568, 32.352, -116.431
Binary	00000100, 01011010, 11111000

#045af8
```
#045af8 rgb(4,90,248)
```
#f8a204
```
#f8a204 rgb(248,162,4)
```

Complementary Color

#04d4f8
```
#04d4f8 rgb(4,212,248)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#2804f8
```
#2804f8 rgb(40,4,248)
```

Analogous Color

#d4f804
```
#d4f804 rgb(212,248,4)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#f82804
```
#f82804 rgb(248,40,4)
```

Split Complementary Color

#5af804
```
#5af804 rgb(90,248,4)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#f8045a
```
#f8045a rgb(248,4,90)
```

Triadic Color

#04f8a2
```
#04f8a2 rgb(4,248,162)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#f8045a
```
#f8045a rgb(248,4,90)
```
#f8a204
```
#f8a204 rgb(248,162,4)
```

Tetradic Color

#033fad
```
#033fad rgb(3,63,173)
```
#0348c6
```
#0348c6 rgb(3,72,198)
```
#0451df
```
#0451df rgb(4,81,223)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#1a6afb
```
#1a6afb rgb(26,106,251)
```
#337afc
```
#337afc rgb(51,122,252)
```
#4c8afc
```
#4c8afc rgb(76,138,252)
```

Monochromatic Color

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

#0497f8
```
#0497f8 rgb(4,151,248)
```
#0483f8
```
#0483f8 rgb(4,131,248)
```
#046ef8
```
#046ef8 rgb(4,110,248)
```
#045af8
```
#045af8 rgb(4,90,248)
```
#0446f8
```
#0446f8 rgb(4,70,248)
```
#0431f8
```
#0431f8 rgb(4,49,248)
```
#041df8
```
#041df8 rgb(4,29,248)
```

Similar Colors

Text with hexadecimal color #045af8

This text has a font color of #045af8.

<span style="color:#045af8;">Text here</span>

#045af8 background color

This paragraph has a background color of #045af8.

<p style="background-color:#045af8;">Content here</p>

#045af8 border color

This element has a border color of #045af8.

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

CSS codes

.text {color:#045af8;}

.background {background-color:#045af8;}

.border {border:1px solid #045af8;}

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

#000610
```
#000610 rgb(0,6,16)
```
#010d24
```
#010d24 rgb(1,13,36)
```
#011437
```
#011437 rgb(1,20,55)
```
#011b4a
```
#011b4a rgb(1,27,74)
```
#02225e
```
#02225e rgb(2,34,94)
```
#022971
```
#022971 rgb(2,41,113)
```
#023084
```
#023084 rgb(2,48,132)
```
#023797
```
#023797 rgb(2,55,151)
```
#033eab
```
#033eab rgb(3,62,171)
```
#0345be
```
#0345be rgb(3,69,190)
```
#034cd1
```
#034cd1 rgb(3,76,209)
```
#0453e5
```
#0453e5 rgb(4,83,229)
```
#045af8
```
#045af8 rgb(4,90,248)
```

Shade Color Variation

#1466fb
```
#1466fb rgb(20,102,251)
```
#2872fc
```
#2872fc rgb(40,114,252)
```
#3b7ffc
```
#3b7ffc rgb(59,127,252)
```
#4e8cfc
```
#4e8cfc rgb(78,140,252)
```
#6298fc
```
#6298fc rgb(98,152,252)
```
#75a5fd
```
#75a5fd rgb(117,165,253)
```
#88b1fd
```
#88b1fd rgb(136,177,253)
```
#9cbefd
```
#9cbefd rgb(156,190,253)
```
#afcbfe
```
#afcbfe rgb(175,203,254)
```
#c2d7fe
```
#c2d7fe rgb(194,215,254)
```
#d5e4fe
```
#d5e4fe rgb(213,228,254)
```
#e9f0ff
```
#e9f0ff rgb(233,240,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787c84 is the less saturated color, while #045af8 is the most saturated one.

#787c84
```
#787c84 rgb(120,124,132)
```
#6f798d
```
#6f798d rgb(111,121,141)
```
#657797
```
#657797 rgb(101,119,151)
```
#5b74a1
```
#5b74a1 rgb(91,116,161)
```
#5271aa
```
#5271aa rgb(82,113,170)
```
#486eb4
```
#486eb4 rgb(72,110,180)
```
#3e6bbe
```
#3e6bbe rgb(62,107,190)
```
#3468c8
```
#3468c8 rgb(52,104,200)
```
#2b65d1
```
#2b65d1 rgb(43,101,209)
```
#2163db
```
#2163db rgb(33,99,219)
```
#1760e5
```
#1760e5 rgb(23,96,229)
```
#0e5dee
```
#0e5dee rgb(14,93,238)
```
#045af8
```
#045af8 rgb(4,90,248)
```

Tone Color Variation

Below, you can see how #045af8 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

#525252 Achromatopsia 0.005% of the population
#425473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd5 Protanopia 1% of men
#0073b9 Deuteranopia 1% of men
#007c81 Tritanopia 0.001% of the population

Trichromacy

#0166e2 Protanomaly 1% of men, 0.01% of women
#016ad0 Deuteranomaly 6% of men, 0.4% of women
#016fac Tritanomaly 0.01% of the population

#045af8 hex color

#045af8 Color Information

#045af8 Color Conversion

Color Schemes with #045af8

Alternatives to #045af8

#045af8 Preview

Shades and Tints of #045af8

Tones of #045af8

Color Blindness Simulator