#546ae7 hex color

In a RGB color space, hex #546ae7 is composed of 32.9% red, 41.6% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 63.6% cyan, 54.1% magenta, 0% yellow and 9.4% black. It has a hue angle of 231 degrees, a saturation of 75.4% and a lightness of 61.8%. #546ae7 color hex could be obtained by blending #a8d4ff with #0000cf. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 91
RGB color chart
- C 64
- M 54
- Y 0
- K 9
CMYK color chart

● #546ae7 color description : Soft blue.

The hexadecimal color #546ae7 has RGB values of R:84, G:106, B:231 and CMYK values of C:0.64, M:0.54, Y:0, K:0.09. Its decimal value is 5532391.

Hex triplet	546ae7	`#546ae7`
RGB Decimal	84, 106, 231	`rgb(84,106,231)`
RGB Percent	32.9, 41.6, 90.6	`rgb(32.9%,41.6%,90.6%)`
CMYK	64, 54, 0, 9
HSL	231°, 75.4, 61.8	`hsl(231,75.4%,61.8%)`
HSV (or HSB)	231°, 63.6, 90.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	49.449, 30.51, -65.988
XYZ	23.231, 17.961, 77.84
xyY	0.195, 0.151, 17.961
CIE-LCH	49.449, 72.7, 294.814
CIE-LUV	49.449, -13.65, -103.57
Hunter-Lab	42.381, 23.679, -79.23
Binary	01010100, 01101010, 11100111

#546ae7
```
#546ae7 rgb(84,106,231)
```
#e7d154
```
#e7d154 rgb(231,209,84)
```

Complementary Color

#54b4e7
```
#54b4e7 rgb(84,180,231)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#8854e7
```
#8854e7 rgb(136,84,231)
```

Analogous Color

#b4e754
```
#b4e754 rgb(180,231,84)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#e78854
```
#e78854 rgb(231,136,84)
```

Split Complementary Color

#6ae754
```
#6ae754 rgb(106,231,84)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#e7546a
```
#e7546a rgb(231,84,106)
```

Triadic Color

#54e7d1
```
#54e7d1 rgb(84,231,209)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#e7546a
```
#e7546a rgb(231,84,106)
```
#e7d154
```
#e7d154 rgb(231,209,84)
```

Tetradic Color

#1d38d1
```
#1d38d1 rgb(29,56,209)
```
#2743e1
```
#2743e1 rgb(39,67,225)
```
#3e57e4
```
#3e57e4 rgb(62,87,228)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#6a7dea
```
#6a7dea rgb(106,125,234)
```
#8191ed
```
#8191ed rgb(129,145,237)
```
#97a4f0
```
#97a4f0 rgb(151,164,240)
```

Monochromatic Color

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

#548fe7
```
#548fe7 rgb(84,143,231)
```
#5483e7
```
#5483e7 rgb(84,131,231)
```
#5476e7
```
#5476e7 rgb(84,118,231)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#545ee7
```
#545ee7 rgb(84,94,231)
```
#5754e7
```
#5754e7 rgb(87,84,231)
```
#6354e7
```
#6354e7 rgb(99,84,231)
```

Similar Colors

Text with hexadecimal color #546ae7

This text has a font color of #546ae7.

<span style="color:#546ae7;">Text here</span>

#546ae7 background color

This paragraph has a background color of #546ae7.

<p style="background-color:#546ae7;">Content here</p>

#546ae7 border color

This element has a border color of #546ae7.

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

CSS codes

.text {color:#546ae7;}

.background {background-color:#546ae7;}

.border {border:1px solid #546ae7;}

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

#000001
```
#000001 rgb(0,0,1)
```
#030512
```
#030512 rgb(3,5,18)
```
#050a23
```
#050a23 rgb(5,10,35)
```
#070e35
```
#070e35 rgb(7,14,53)
```
#0a1346
```
#0a1346 rgb(10,19,70)
```
#0c1757
```
#0c1757 rgb(12,23,87)
```
#0f1c68
```
#0f1c68 rgb(15,28,104)
```
#112179
```
#112179 rgb(17,33,121)
```
#13258b
```
#13258b rgb(19,37,139)
```
#162a9c
```
#162a9c rgb(22,42,156)
```
#182fad
```
#182fad rgb(24,47,173)
```
#1b33be
```
#1b33be rgb(27,51,190)
```
#1d38cf
```
#1d38cf rgb(29,56,207)
```

Shade Color Variation

#203de0
```
#203de0 rgb(32,61,224)
```
#324ce2
```
#324ce2 rgb(50,76,226)
```
#435be5
```
#435be5 rgb(67,91,229)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#6579e9
```
#6579e9 rgb(101,121,233)
```
#7688ec
```
#7688ec rgb(118,136,236)
```
#8897ee
```
#8897ee rgb(136,151,238)
```
#99a6f1
```
#99a6f1 rgb(153,166,241)
```
#aab5f3
```
#aab5f3 rgb(170,181,243)
```
#bbc4f5
```
#bbc4f5 rgb(187,196,245)
```
#ccd3f8
```
#ccd3f8 rgb(204,211,248)
```
#dee2fa
```
#dee2fa rgb(222,226,250)
```
#eff1fd
```
#eff1fd rgb(239,241,253)
```

Tint Color Variation

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

#9899a4
```
#9899a4 rgb(152,153,164)
```
#9094ab
```
#9094ab rgb(144,148,171)
```
#898fb3
```
#898fb3 rgb(137,143,179)
```
#818aba
```
#818aba rgb(129,138,186)
```
#7a84c2
```
#7a84c2 rgb(122,132,194)
```
#727fc9
```
#727fc9 rgb(114,127,201)
```
#6b7ad1
```
#6b7ad1 rgb(107,122,209)
```
#6375d8
```
#6375d8 rgb(99,117,216)
```
#5c6fe0
```
#5c6fe0 rgb(92,111,224)
```
#546ae7
```
#546ae7 rgb(84,106,231)
```
#4d65ef
```
#4d65ef rgb(77,101,239)
```
#455ff6
```
#455ff6 rgb(69,95,246)
```
#3e5afe
```
#3e5afe rgb(62,90,254)
```

Tone Color Variation

Below, you can see how #546ae7 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

#727272 Achromatopsia 0.005% of the population
#6c7089 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fd0 Deuteranopia 1% of men
#008892 Tritanopia 0.001% of the population

Trichromacy

#1e73ea Protanomaly 1% of men, 0.01% of women
#1e77d8 Deuteranomaly 6% of men, 0.4% of women
#1e7db1 Tritanomaly 0.01% of the population

#546ae7 hex color

#546ae7 Color Information

#546ae7 Color Conversion

Color Schemes with #546ae7

Alternatives to #546ae7

#546ae7 Preview

Shades and Tints of #546ae7

Tones of #546ae7

Color Blindness Simulator