#546ae2 Color Information
In a RGB color space, hex #546ae2 is composed of 32.9% red, 41.6% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 53.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 230.7 degrees, a saturation of 71% and a lightness of 60.8%. #546ae2 color hex could be obtained by blending #a8d4ff with #0000c5. Closest websafe color is: #6666cc.
-
- R 33
- G 42
- B 89
-
- C 63
- M 53
- Y 0
- K 11
● #546ae2 color description : Soft blue.
#546ae2 Color Conversion
The hexadecimal color #546ae2 has RGB values of R:84, G:106, B:226 and CMYK values of C:0.63, M:0.53, Y:0, K:0.11. Its decimal value is 5532386.
Hex triplet | 546ae2 | #546ae2 |
---|---|---|
RGB Decimal | 84, 106, 226 | rgb(84,106,226) |
RGB Percent | 32.9, 41.6, 88.6 | rgb(32.9%,41.6%,88.6%) |
CMYK | 63, 53, 0, 11 | |
HSL | 230.7°, 71, 60.8 | hsl(230.7,71%,60.8%) |
HSV (or HSB) | 230.7°, 62.8, 88.6 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 49.109, 28.821, -63.721 |
---|---|
XYZ | 22.535, 17.683, 74.173 |
xyY | 0.197, 0.155, 17.683 |
CIE-LCH | 49.109, 69.936, 294.337 |
CIE-LUV | 49.109, -13.533, -99.892 |
Hunter-Lab | 42.051, 22.069, -75.145 |
Binary | 01010100, 01101010, 11100010 |
Color Schemes with #546ae2
Alternatives to #546ae2
Below, you can see some colors close to #546ae2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#546ae2 Preview
This text has a font color of #546ae2.
<span style="color:#546ae2;">Text here</span>
This paragraph has a background color of #546ae2.
<p style="background-color:#546ae2;">Content here</p>
This element has a border color of #546ae2.
<div style="border:1px solid #546ae2;">Content here</div>
.text {color:#546ae2;}
.background {background-color:#546ae2;}
.border {border:1px solid #546ae2;}
Shades and Tints of #546ae2
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, #02040d is the darkest color, while #fcfcfe is the lightest one.
-
#02040d
#02040d
rgb(2,4,13)
-
#05091e
#05091e
rgb(5,9,30)
-
#080e2f
#080e2f
rgb(8,14,47)
-
#0b1340
#0b1340
rgb(11,19,64)
-
#0e1851
#0e1851
rgb(14,24,81)
-
#111d61
#111d61
rgb(17,29,97)
-
#132272
#132272
rgb(19,34,114)
-
#162783
#162783
rgb(22,39,131)
-
#192c94
#192c94
rgb(25,44,148)
-
#1c31a4
#1c31a4
rgb(28,49,164)
-
#1f36b5
#1f36b5
rgb(31,54,181)
-
#223bc6
#223bc6
rgb(34,59,198)
-
#2440d7
#2440d7
rgb(36,64,215)
-
#324ddc
#324ddc
rgb(50,77,220)
-
#435bdf
#435bdf
rgb(67,91,223)
-
#546ae2
#546ae2
rgb(84,106,226)
-
#6579e5
#6579e5
rgb(101,121,229)
-
#7687e8
#7687e8
rgb(118,135,232)
-
#8696eb
#8696eb
rgb(134,150,235)
-
#97a4ed
#97a4ed
rgb(151,164,237)
-
#a8b3f0
#a8b3f0
rgb(168,179,240)
-
#b9c2f3
#b9c2f3
rgb(185,194,243)
-
#c9d0f6
#c9d0f6
rgb(201,208,246)
-
#dadff9
#dadff9
rgb(218,223,249)
-
#ebeefc
#ebeefc
rgb(235,238,252)
-
#fcfcfe
#fcfcfe
rgb(252,252,254)
Tones of #546ae2
A tone is produced by adding gray to any pure hue. In this case, #999a9d is the less saturated color, while #3d5af9 is the most saturated one.
-
#999a9d
#999a9d
rgb(153,154,157)
-
#9294a4
#9294a4
rgb(146,148,164)
-
#8a8fac
#8a8fac
rgb(138,143,172)
-
#828ab4
#828ab4
rgb(130,138,180)
-
#7a85bc
#7a85bc
rgb(122,133,188)
-
#737fc3
#737fc3
rgb(115,127,195)
-
#6b7acb
#6b7acb
rgb(107,122,203)
-
#6375d3
#6375d3
rgb(99,117,211)
-
#5c6fda
#5c6fda
rgb(92,111,218)
-
#546ae2
#546ae2
rgb(84,106,226)
-
#4c65ea
#4c65ea
rgb(76,101,234)
-
#455ff1
#455ff1
rgb(69,95,241)
-
#3d5af9
#3d5af9
rgb(61,90,249)
Color Blindness Simulator
Below, you can see how #546ae2 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.