#546bd2 hex color

In a RGB color space, hex #546bd2 is composed of 32.9% red, 42% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 60% cyan, 49% magenta, 0% yellow and 17.6% black. It has a hue angle of 229 degrees, a saturation of 58.3% and a lightness of 57.6%. #546bd2 color hex could be obtained by blending #a8d6ff with #0000a5. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 82
RGB color chart
- C 60
- M 49
- Y 0
- K 18
CMYK color chart

● #546bd2 color description : Moderate blue.

The hexadecimal color #546bd2 has RGB values of R:84, G:107, B:210 and CMYK values of C:0.6, M:0.49, Y:0, K:0.18. Its decimal value is 5532626.

Hex triplet	546bd2	`#546bd2`
RGB Decimal	84, 107, 210	`rgb(84,107,210)`
RGB Percent	32.9, 42, 82.4	`rgb(32.9%,42%,82.4%)`
CMYK	60, 49, 0, 18
HSL	229°, 58.3, 57.6	`hsl(229,58.3%,57.6%)`
HSV (or HSB)	229°, 60, 82.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.326, 22.802, -55.907
XYZ	20.544, 17.052, 63.178
xyY	0.204, 0.169, 17.052
CIE-LCH	48.326, 60.378, 292.188
CIE-LUV	48.326, -13.471, -87.264
Hunter-Lab	41.294, 16.54, -61.804
Binary	01010100, 01101011, 11010010

#546bd2
```
#546bd2 rgb(84,107,210)
```
#d2bb54
```
#d2bb54 rgb(210,187,84)
```

Complementary Color

#54aad2
```
#54aad2 rgb(84,170,210)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#7c54d2
```
#7c54d2 rgb(124,84,210)
```

Analogous Color

#aad254
```
#aad254 rgb(170,210,84)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#d27c54
```
#d27c54 rgb(210,124,84)
```

Split Complementary Color

#6bd254
```
#6bd254 rgb(107,210,84)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#d2546b
```
#d2546b rgb(210,84,107)
```

Triadic Color

#54d2bb
```
#54d2bb rgb(84,210,187)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#d2546b
```
#d2546b rgb(210,84,107)
```
#d2bb54
```
#d2bb54 rgb(210,187,84)
```

Tetradic Color

#2d44ac
```
#2d44ac rgb(45,68,172)
```
#334dc0
```
#334dc0 rgb(51,77,192)
```
#405acd
```
#405acd rgb(64,90,205)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#687cd7
```
#687cd7 rgb(104,124,215)
```
#7c8edd
```
#7c8edd rgb(124,142,221)
```
#919fe2
```
#919fe2 rgb(145,159,226)
```

Monochromatic Color

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

#548bd2
```
#548bd2 rgb(84,139,210)
```
#5480d2
```
#5480d2 rgb(84,128,210)
```
#5476d2
```
#5476d2 rgb(84,118,210)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#5461d2
```
#5461d2 rgb(84,97,210)
```
#5456d2
```
#5456d2 rgb(84,86,210)
```
#5c54d2
```
#5c54d2 rgb(92,84,210)
```

Similar Colors

Text with hexadecimal color #546bd2

This text has a font color of #546bd2.

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

#546bd2 background color

This paragraph has a background color of #546bd2.

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

#546bd2 border color

This element has a border color of #546bd2.

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

CSS codes

.text {color:#546bd2;}

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

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

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, #04060f is the darkest color, while #ffffff is the lightest one.

#04060f
```
#04060f rgb(4,6,15)
```
#080c1f
```
#080c1f rgb(8,12,31)
```
#0c122e
```
#0c122e rgb(12,18,46)
```
#10193e
```
#10193e rgb(16,25,62)
```
#141f4d
```
#141f4d rgb(20,31,77)
```
#18255d
```
#18255d rgb(24,37,93)
```
#1d2b6d
```
#1d2b6d rgb(29,43,109)
```
#21317c
```
#21317c rgb(33,49,124)
```
#25388c
```
#25388c rgb(37,56,140)
```
#293e9b
```
#293e9b rgb(41,62,155)
```
#2d44ab
```
#2d44ab rgb(45,68,171)
```
#314aba
```
#314aba rgb(49,74,186)
```
#3550ca
```
#3550ca rgb(53,80,202)
```

Shade Color Variation

#445ece
```
#445ece rgb(68,94,206)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#6478d6
```
#6478d6 rgb(100,120,214)
```
#7386da
```
#7386da rgb(115,134,218)
```
#8393de
```
#8393de rgb(131,147,222)
```
#92a1e2
```
#92a1e2 rgb(146,161,226)
```
#a2aee6
```
#a2aee6 rgb(162,174,230)
```
#b1bceb
```
#b1bceb rgb(177,188,235)
```
#c1c9ef
```
#c1c9ef rgb(193,201,239)
```
#d0d7f3
```
#d0d7f3 rgb(208,215,243)
```
#e0e4f7
```
#e0e4f7 rgb(224,228,247)
```
#eff1fb
```
#eff1fb rgb(239,241,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9098 is the less saturated color, while #2a51fc is the most saturated one.

#8e9098
```
#8e9098 rgb(142,144,152)
```
#868ba0
```
#868ba0 rgb(134,139,160)
```
#7e85a8
```
#7e85a8 rgb(126,133,168)
```
#7580b1
```
#7580b1 rgb(117,128,177)
```
#6d7bb9
```
#6d7bb9 rgb(109,123,185)
```
#6576c1
```
#6576c1 rgb(101,118,193)
```
#5c70ca
```
#5c70ca rgb(92,112,202)
```
#546bd2
```
#546bd2 rgb(84,107,210)
```
#4c66da
```
#4c66da rgb(76,102,218)
```
#4360e3
```
#4360e3 rgb(67,96,227)
```
#3b5beb
```
#3b5beb rgb(59,91,235)
```
#3356f3
```
#3356f3 rgb(51,86,243)
```
#2a51fc
```
#2a51fc rgb(42,81,252)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a6f84 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f76d7 Protanopia 1% of men
#007cce Deuteranopia 1% of men
#30848e Tritanopia 0.001% of the population

Trichromacy

#4772d5 Protanomaly 1% of men, 0.01% of women
#1e75cf Deuteranomaly 6% of men, 0.4% of women
#3d7ba6 Tritanomaly 0.01% of the population

#546bd2 hex color

#546bd2 Color Information

#546bd2 Color Conversion

Color Schemes with #546bd2

Alternatives to #546bd2

#546bd2 Preview

Shades and Tints of #546bd2

Tones of #546bd2

Color Blindness Simulator