#545ae6 hex color

In a RGB color space, hex #545ae6 is composed of 32.9% red, 35.3% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 60.9% magenta, 0% yellow and 9.8% black. It has a hue angle of 237.5 degrees, a saturation of 74.5% and a lightness of 61.6%. #545ae6 color hex could be obtained by blending #a8b4ff with #0000cd. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 35
- B 90
RGB color chart
- C 63
- M 61
- Y 0
- K 10
CMYK color chart

● #545ae6 color description : Soft blue.

The hexadecimal color #545ae6 has RGB values of R:84, G:90, B:230 and CMYK values of C:0.63, M:0.61, Y:0, K:0.1. Its decimal value is 5528294.

Hex triplet	545ae6	`#545ae6`
RGB Decimal	84, 90, 230	`rgb(84,90,230)`
RGB Percent	32.9, 35.3, 90.2	`rgb(32.9%,35.3%,90.2%)`
CMYK	63, 61, 0, 10
HSL	237.5°, 74.5, 61.6	`hsl(237.5,74.5%,61.6%)`
HSV (or HSB)	237.5°, 63.5, 90.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.51, 39.96, -71.825
XYZ	21.592, 14.909, 76.598
xyY	0.191, 0.132, 14.909
CIE-LCH	45.51, 82.192, 299.089
CIE-LUV	45.51, -9.477, -109.96
Hunter-Lab	38.612, 32.247, -90.589
Binary	01010100, 01011010, 11100110

#545ae6
```
#545ae6 rgb(84,90,230)
```
#e6e054
```
#e6e054 rgb(230,224,84)
```

Complementary Color

#54a3e6
```
#54a3e6 rgb(84,163,230)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#9754e6
```
#9754e6 rgb(151,84,230)
```

Analogous Color

#a3e654
```
#a3e654 rgb(163,230,84)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#e69754
```
#e69754 rgb(230,151,84)
```

Split Complementary Color

#5ae654
```
#5ae654 rgb(90,230,84)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#e6545a
```
#e6545a rgb(230,84,90)
```

Triadic Color

#54e6e0
```
#54e6e0 rgb(84,230,224)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#e6545a
```
#e6545a rgb(230,84,90)
```
#e6e054
```
#e6e054 rgb(230,224,84)
```

Tetradic Color

#1e26cf
```
#1e26cf rgb(30,38,207)
```
#282fdf
```
#282fdf rgb(40,47,223)
```
#3e45e3
```
#3e45e3 rgb(62,69,227)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#6a6fe9
```
#6a6fe9 rgb(106,111,233)
```
#8085ed
```
#8085ed rgb(128,133,237)
```
#979af0
```
#979af0 rgb(151,154,240)
```

Monochromatic Color

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

#547fe6
```
#547fe6 rgb(84,127,230)
```
#5472e6
```
#5472e6 rgb(84,114,230)
```
#5466e6
```
#5466e6 rgb(84,102,230)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#5a54e6
```
#5a54e6 rgb(90,84,230)
```
#6654e6
```
#6654e6 rgb(102,84,230)
```
#7354e6
```
#7354e6 rgb(115,84,230)
```

Similar Colors

Text with hexadecimal color #545ae6

This text has a font color of #545ae6.

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

#545ae6 background color

This paragraph has a background color of #545ae6.

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

#545ae6 border color

This element has a border color of #545ae6.

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

CSS codes

.text {color:#545ae6;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#030311
```
#030311 rgb(3,3,17)
```
#050622
```
#050622 rgb(5,6,34)
```
#080933
```
#080933 rgb(8,9,51)
```
#0a0c45
```
#0a0c45 rgb(10,12,69)
```
#0d1056
```
#0d1056 rgb(13,16,86)
```
#0f1367
```
#0f1367 rgb(15,19,103)
```
#121678
```
#121678 rgb(18,22,120)
```
#141989
```
#141989 rgb(20,25,137)
```
#171c9a
```
#171c9a rgb(23,28,154)
```
#191fab
```
#191fab rgb(25,31,171)
```
#1c22bc
```
#1c22bc rgb(28,34,188)
```
#1e25cd
```
#1e25cd rgb(30,37,205)
```

Shade Color Variation

#2128de
```
#2128de rgb(33,40,222)
```
#3239e1
```
#3239e1 rgb(50,57,225)
```
#4349e3
```
#4349e3 rgb(67,73,227)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#656be9
```
#656be9 rgb(101,107,233)
```
#767beb
```
#767beb rgb(118,123,235)
```
#878cee
```
#878cee rgb(135,140,238)
```
#989cf0
```
#989cf0 rgb(152,156,240)
```
#aaadf3
```
#aaadf3 rgb(170,173,243)
```
#bbbdf5
```
#bbbdf5 rgb(187,189,245)
```
#cccef8
```
#cccef8 rgb(204,206,248)
```
#dddefa
```
#dddefa rgb(221,222,250)
```
#eeeffd
```
#eeeffd rgb(238,239,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9898a2 is the less saturated color, while #3d45fd is the most saturated one.

#9898a2
```
#9898a2 rgb(152,152,162)
```
#9091aa
```
#9091aa rgb(144,145,170)
```
#898ab1
```
#898ab1 rgb(137,138,177)
```
#8184b9
```
#8184b9 rgb(129,132,185)
```
#7a7dc0
```
#7a7dc0 rgb(122,125,192)
```
#7276c8
```
#7276c8 rgb(114,118,200)
```
#6b6fcf
```
#6b6fcf rgb(107,111,207)
```
#6368d7
```
#6368d7 rgb(99,104,215)
```
#5c61de
```
#5c61de rgb(92,97,222)
```
#545ae6
```
#545ae6 rgb(84,90,230)
```
#4c53ee
```
#4c53ee rgb(76,83,238)
```
#454cf5
```
#454cf5 rgb(69,76,245)
```
#3d45fd
```
#3d45fd rgb(61,69,253)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#646581 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fda Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007e87 Tritanopia 0.001% of the population

Trichromacy

#1e67de Protanomaly 1% of men, 0.01% of women
#1e6bcd Deuteranomaly 6% of men, 0.4% of women
#1e71a9 Tritanomaly 0.01% of the population

#545ae6 hex color

#545ae6 Color Information

#545ae6 Color Conversion

Color Schemes with #545ae6

Alternatives to #545ae6

#545ae6 Preview

Shades and Tints of #545ae6

Tones of #545ae6

Color Blindness Simulator