#545af8 hex color

In a RGB color space, hex #545af8 is composed of 32.9% red, 35.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 66.1% cyan, 63.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 237.8 degrees, a saturation of 92.1% and a lightness of 65.1%. #545af8 color hex could be obtained by blending #a8b4ff with #0000f1. Closest websafe color is: #6666ff.

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

● #545af8 color description : Soft blue.

The hexadecimal color #545af8 has RGB values of R:84, G:90, B:248 and CMYK values of C:0.66, M:0.64, Y:0, K:0.03. Its decimal value is 5528312.

Hex triplet	545af8	`#545af8`
RGB Decimal	84, 90, 248	`rgb(84,90,248)`
RGB Percent	32.9, 35.3, 97.3	`rgb(32.9%,35.3%,97.3%)`
CMYK	66, 64, 0, 3
HSL	237.8°, 92.1, 65.1	`hsl(237.8,92.1%,65.1%)`
HSV (or HSB)	237.8°, 66.1, 97.3
Web Safe	6666ff	`#6666ff`

CIE-LAB	46.939, 45.843, -79.602
XYZ	24.252, 15.973, 90.607
xyY	0.185, 0.122, 15.973
CIE-LCH	46.939, 91.859, 299.938
CIE-LUV	46.939, -10.216, -122.021
Hunter-Lab	39.966, 38.375, -106.438
Binary	01010100, 01011010, 11111000

#545af8
```
#545af8 rgb(84,90,248)
```
#f8f254
```
#f8f254 rgb(248,242,84)
```

Complementary Color

#54acf8
```
#54acf8 rgb(84,172,248)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#a054f8
```
#a054f8 rgb(160,84,248)
```

Analogous Color

#acf854
```
#acf854 rgb(172,248,84)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#f8a054
```
#f8a054 rgb(248,160,84)
```

Split Complementary Color

#5af854
```
#5af854 rgb(90,248,84)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#f8545a
```
#f8545a rgb(248,84,90)
```

Triadic Color

#54f8f2
```
#54f8f2 rgb(84,248,242)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#f8545a
```
#f8545a rgb(248,84,90)
```
#f8f254
```
#f8f254 rgb(248,242,84)
```

Tetradic Color

#0b13f5
```
#0b13f5 rgb(11,19,245)
```
#232bf6
```
#232bf6 rgb(35,43,246)
```
#3c42f7
```
#3c42f7 rgb(60,66,247)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#6c72f9
```
#6c72f9 rgb(108,114,249)
```
#8589fa
```
#8589fa rgb(133,137,250)
```
#9da1fb
```
#9da1fb rgb(157,161,251)
```

Monochromatic Color

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

#5483f8
```
#5483f8 rgb(84,131,248)
```
#5475f8
```
#5475f8 rgb(84,117,248)
```
#5468f8
```
#5468f8 rgb(84,104,248)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#5c54f8
```
#5c54f8 rgb(92,84,248)
```
#6954f8
```
#6954f8 rgb(105,84,248)
```
#7754f8
```
#7754f8 rgb(119,84,248)
```

Similar Colors

Text with hexadecimal color #545af8

This text has a font color of #545af8.

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

#545af8 background color

This paragraph has a background color of #545af8.

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

#545af8 border color

This element has a border color of #545af8.

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

CSS codes

.text {color:#545af8;}

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

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

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

#010111
```
#010111 rgb(1,1,17)
```
#010324
```
#010324 rgb(1,3,36)
```
#020437
```
#020437 rgb(2,4,55)
```
#03064a
```
#03064a rgb(3,6,74)
```
#04075d
```
#04075d rgb(4,7,93)
```
#050870
```
#050870 rgb(5,8,112)
```
#050a83
```
#050a83 rgb(5,10,131)
```
#060b95
```
#060b95 rgb(6,11,149)
```
#070da8
```
#070da8 rgb(7,13,168)
```
#080ebb
```
#080ebb rgb(8,14,187)
```
#0810ce
```
#0810ce rgb(8,16,206)
```
#0911e1
```
#0911e1 rgb(9,17,225)
```
#0a13f4
```
#0a13f4 rgb(10,19,244)
```

Shade Color Variation

#1b23f6
```
#1b23f6 rgb(27,35,246)
```
#2e36f6
```
#2e36f6 rgb(46,54,246)
```
#4148f7
```
#4148f7 rgb(65,72,247)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#676cf9
```
#676cf9 rgb(103,108,249)
```
#7a7efa
```
#7a7efa rgb(122,126,250)
```
#8d91fa
```
#8d91fa rgb(141,145,250)
```
#9fa3fb
```
#9fa3fb rgb(159,163,251)
```
#b2b5fc
```
#b2b5fc rgb(178,181,252)
```
#c5c7fd
```
#c5c7fd rgb(197,199,253)
```
#d8d9fd
```
#d8d9fd rgb(216,217,253)
```
#ebebfe
```
#ebebfe rgb(235,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9fa0ad is the less saturated color, while #4d54ff is the most saturated one.

#9fa0ad
```
#9fa0ad rgb(159,160,173)
```
#9899b4
```
#9899b4 rgb(152,153,180)
```
#9293ba
```
#9293ba rgb(146,147,186)
```
#8b8dc1
```
#8b8dc1 rgb(139,141,193)
```
#8486c8
```
#8486c8 rgb(132,134,200)
```
#7d80cf
```
#7d80cf rgb(125,128,207)
```
#767ad6
```
#767ad6 rgb(118,122,214)
```
#6f73dd
```
#6f73dd rgb(111,115,221)
```
#696de3
```
#696de3 rgb(105,109,227)
```
#6267ea
```
#6267ea rgb(98,103,234)
```
#5b60f1
```
#5b60f1 rgb(91,96,241)
```
#545af8
```
#545af8 rgb(84,90,248)
```
#4d54ff
```
#4d54ff rgb(77,84,255)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#666786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1e6ae9 Protanomaly 1% of men, 0.01% of women
#1e6ed7 Deuteranomaly 6% of men, 0.4% of women
#1e73b2 Tritanomaly 0.01% of the population

#545af8 hex color

#545af8 Color Information

#545af8 Color Conversion

Color Schemes with #545af8

Alternatives to #545af8

#545af8 Preview

Shades and Tints of #545af8

Tones of #545af8

Color Blindness Simulator