#546bde hex color

In a RGB color space, hex #546bde is composed of 32.9% red, 42% green and 87.1% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 51.8% magenta, 0% yellow and 12.9% black. It has a hue angle of 230 degrees, a saturation of 67.6% and a lightness of 60%. #546bde color hex could be obtained by blending #a8d6ff with #0000bd. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 87
RGB color chart
- C 62
- M 52
- Y 0
- K 13
CMYK color chart

● #546bde color description : Soft blue.

The hexadecimal color #546bde has RGB values of R:84, G:107, B:222 and CMYK values of C:0.62, M:0.52, Y:0, K:0.13. Its decimal value is 5532638.

Hex triplet	546bde	`#546bde`
RGB Decimal	84, 107, 222	`rgb(84,107,222)`
RGB Percent	32.9, 42, 87.1	`rgb(32.9%,42%,87.1%)`
CMYK	62, 52, 0, 13
HSL	230°, 67.6, 60	`hsl(230,67.6%,60%)`
HSV (or HSB)	230°, 62.2, 87.1
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.097, 26.85, -61.48
XYZ	22.096, 17.673, 71.35
xyY	0.199, 0.159, 17.673
CIE-LCH	49.097, 67.088, 293.592
CIE-LUV	49.097, -13.729, -96.384
Hunter-Lab	42.039, 20.252, -71.201
Binary	01010100, 01101011, 11011110

#546bde
```
#546bde rgb(84,107,222)
```
#dec754
```
#dec754 rgb(222,199,84)
```

Complementary Color

#54b0de
```
#54b0de rgb(84,176,222)
```
#546bde
```
#546bde rgb(84,107,222)
```
#8254de
```
#8254de rgb(130,84,222)
```

Analogous Color

#b0de54
```
#b0de54 rgb(176,222,84)
```
#546bde
```
#546bde rgb(84,107,222)
```
#de8254
```
#de8254 rgb(222,130,84)
```

Split Complementary Color

#6bde54
```
#6bde54 rgb(107,222,84)
```
#546bde
```
#546bde rgb(84,107,222)
```
#de546b
```
#de546b rgb(222,84,107)
```

Triadic Color

#54dec7
```
#54dec7 rgb(84,222,199)
```
#546bde
```
#546bde rgb(84,107,222)
```
#de546b
```
#de546b rgb(222,84,107)
```
#dec754
```
#dec754 rgb(222,199,84)
```

Tetradic Color

#253fc0
```
#253fc0 rgb(37,63,192)
```
#2946d6
```
#2946d6 rgb(41,70,214)
```
#3f59da
```
#3f59da rgb(63,89,218)
```
#546bde
```
#546bde rgb(84,107,222)
```
#697ee2
```
#697ee2 rgb(105,126,226)
```
#7f90e6
```
#7f90e6 rgb(127,144,230)
```
#94a3ea
```
#94a3ea rgb(148,163,234)
```

Monochromatic Color

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

#548ede
```
#548ede rgb(84,142,222)
```
#5482de
```
#5482de rgb(84,130,222)
```
#5477de
```
#5477de rgb(84,119,222)
```
#546bde
```
#546bde rgb(84,107,222)
```
#5460de
```
#5460de rgb(84,96,222)
```
#5454de
```
#5454de rgb(84,84,222)
```
#6054de
```
#6054de rgb(96,84,222)
```

Similar Colors

Text with hexadecimal color #546bde

This text has a font color of #546bde.

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

#546bde background color

This paragraph has a background color of #546bde.

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

#546bde border color

This element has a border color of #546bde.

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

CSS codes

.text {color:#546bde;}

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

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

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, #02030a is the darkest color, while #f8f9fe is the lightest one.

#02030a
```
#02030a rgb(2,3,10)
```
#05091a
```
#05091a rgb(5,9,26)
```
#080e2b
```
#080e2b rgb(8,14,43)
```
#0b133b
```
#0b133b rgb(11,19,59)
```
#0f194c
```
#0f194c rgb(15,25,76)
```
#121e5c
```
#121e5c rgb(18,30,92)
```
#15246d
```
#15246d rgb(21,36,109)
```
#18297d
```
#18297d rgb(24,41,125)
```
#1b2e8d
```
#1b2e8d rgb(27,46,141)
```
#1e349e
```
#1e349e rgb(30,52,158)
```
#2239ae
```
#2239ae rgb(34,57,174)
```
#253ebf
```
#253ebf rgb(37,62,191)
```
#2844cf
```
#2844cf rgb(40,68,207)
```

Shade Color Variation

#334fd8
```
#334fd8 rgb(51,79,216)
```
#445ddb
```
#445ddb rgb(68,93,219)
```
#546bde
```
#546bde rgb(84,107,222)
```
#6479e1
```
#6479e1 rgb(100,121,225)
```
#7587e4
```
#7587e4 rgb(117,135,228)
```
#8596e8
```
#8596e8 rgb(133,150,232)
```
#96a4eb
```
#96a4eb rgb(150,164,235)
```
#a6b2ee
```
#a6b2ee rgb(166,178,238)
```
#b7c0f1
```
#b7c0f1 rgb(183,192,241)
```
#c7cff4
```
#c7cff4 rgb(199,207,244)
```
#d8ddf7
```
#d8ddf7 rgb(216,221,247)
```
#e8ebfb
```
#e8ebfb rgb(232,235,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93959f is the less saturated color, while #3556fd is the most saturated one.

#93959f
```
#93959f rgb(147,149,159)
```
#8b90a7
```
#8b90a7 rgb(139,144,167)
```
#838aaf
```
#838aaf rgb(131,138,175)
```
#7b85b7
```
#7b85b7 rgb(123,133,183)
```
#7380bf
```
#7380bf rgb(115,128,191)
```
#6c7bc6
```
#6c7bc6 rgb(108,123,198)
```
#6475ce
```
#6475ce rgb(100,117,206)
```
#5c70d6
```
#5c70d6 rgb(92,112,214)
```
#546bde
```
#546bde rgb(84,107,222)
```
#4c66e6
```
#4c66e6 rgb(76,102,230)
```
#4461ee
```
#4461ee rgb(68,97,238)
```
#3c5bf6
```
#3c5bf6 rgb(60,91,246)
```
#3556fd
```
#3556fd rgb(53,86,253)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7087 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2d78e4 Protanopia 1% of men
#007ed0 Deuteranopia 1% of men
#1e8791 Tritanopia 0.001% of the population

Trichromacy

#3b73e2 Protanomaly 1% of men, 0.01% of women
#1e77d5 Deuteranomaly 6% of men, 0.4% of women
#317dad Tritanomaly 0.01% of the population

#546bde hex color

#546bde Color Information

#546bde Color Conversion

Color Schemes with #546bde

Alternatives to #546bde

#546bde Preview

Shades and Tints of #546bde

Tones of #546bde

Color Blindness Simulator