#546a83 hex color

In a RGB color space, hex #546a83 is composed of 32.9% red, 41.6% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 19.1% magenta, 0% yellow and 48.6% black. It has a hue angle of 211.9 degrees, a saturation of 21.9% and a lightness of 42.2%. #546a83 color hex could be obtained by blending #a8d4ff with #000007. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 42
- B 51
RGB color chart
- C 36
- M 19
- Y 0
- K 49
CMYK color chart

● #546a83 color description : Mostly desaturated dark blue.

The hexadecimal color #546a83 has RGB values of R:84, G:106, B:131 and CMYK values of C:0.36, M:0.19, Y:0, K:0.49. Its decimal value is 5532291.

Hex triplet	546a83	`#546a83`
RGB Decimal	84, 106, 131	`rgb(84,106,131)`
RGB Percent	32.9, 41.6, 51.4	`rgb(32.9%,41.6%,51.4%)`
CMYK	36, 19, 0, 49
HSL	211.9°, 21.9, 42.2	`hsl(211.9,21.9%,42.2%)`
HSV (or HSB)	211.9°, 35.9, 51.4
Web Safe	666699	`#666699`

CIE-LAB	43.99, -1.584, -16.471
XYZ	12.906, 13.831, 23.461
xyY	0.257, 0.276, 13.831
CIE-LCH	43.99, 16.547, 264.508
CIE-LUV	43.99, -11.603, -22.995
Hunter-Lab	37.19, -3.139, -11.369
Binary	01010100, 01101010, 10000011

#546a83
```
#546a83 rgb(84,106,131)
```
#836d54
```
#836d54 rgb(131,109,84)
```

Complementary Color

#548283
```
#548283 rgb(84,130,131)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#565483
```
#565483 rgb(86,84,131)
```

Analogous Color

#828354
```
#828354 rgb(130,131,84)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#835654
```
#835654 rgb(131,86,84)
```

Split Complementary Color

#6a8354
```
#6a8354 rgb(106,131,84)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#83546a
```
#83546a rgb(131,84,106)
```

Triadic Color

#54836d
```
#54836d rgb(84,131,109)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#83546a
```
#83546a rgb(131,84,106)
```
#836d54
```
#836d54 rgb(131,109,84)
```

Tetradic Color

#364454
```
#364454 rgb(54,68,84)
```
#405164
```
#405164 rgb(64,81,100)
```
#4a5d73
```
#4a5d73 rgb(74,93,115)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#5e7793
```
#5e7793 rgb(94,119,147)
```
#6a83a0
```
#6a83a0 rgb(106,131,160)
```
#7a90aa
```
#7a90aa rgb(122,144,170)
```

Monochromatic Color

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

#547683
```
#547683 rgb(84,118,131)
```
#547283
```
#547283 rgb(84,114,131)
```
#546e83
```
#546e83 rgb(84,110,131)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#546683
```
#546683 rgb(84,102,131)
```
#546283
```
#546283 rgb(84,98,131)
```
#545e83
```
#545e83 rgb(84,94,131)
```

Similar Colors

Text with hexadecimal color #546a83

This text has a font color of #546a83.

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

#546a83 background color

This paragraph has a background color of #546a83.

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

#546a83 border color

This element has a border color of #546a83.

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

CSS codes

.text {color:#546a83;}

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

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

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

#07090b
```
#07090b rgb(7,9,11)
```
#0f1317
```
#0f1317 rgb(15,19,23)
```
#171d23
```
#171d23 rgb(23,29,35)
```
#1e262f
```
#1e262f rgb(30,38,47)
```
#26303b
```
#26303b rgb(38,48,59)
```
#2e3a47
```
#2e3a47 rgb(46,58,71)
```
#354353
```
#354353 rgb(53,67,83)
```
#3d4d5f
```
#3d4d5f rgb(61,77,95)
```
#45576b
```
#45576b rgb(69,87,107)
```
#4c6077
```
#4c6077 rgb(76,96,119)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#5c748f
```
#5c748f rgb(92,116,143)
```
#637d9b
```
#637d9b rgb(99,125,155)
```

Shade Color Variation

#6f87a3
```
#6f87a3 rgb(111,135,163)
```
#7b91aa
```
#7b91aa rgb(123,145,170)
```
#879bb2
```
#879bb2 rgb(135,155,178)
```
#93a5ba
```
#93a5ba rgb(147,165,186)
```
#9fafc1
```
#9fafc1 rgb(159,175,193)
```
#abb9c9
```
#abb9c9 rgb(171,185,201)
```
#b7c3d1
```
#b7c3d1 rgb(183,195,209)
```
#c3cdd8
```
#c3cdd8 rgb(195,205,216)
```
#cfd7e0
```
#cfd7e0 rgb(207,215,224)
```
#dbe1e8
```
#dbe1e8 rgb(219,225,232)
```
#e7ebef
```
#e7ebef rgb(231,235,239)
```
#f3f5f7
```
#f3f5f7 rgb(243,245,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656b72 is the less saturated color, while #0165d6 is the most saturated one.

#656b72
```
#656b72 rgb(101,107,114)
```
#5c6b7b
```
#5c6b7b rgb(92,107,123)
```
#546a83
```
#546a83 rgb(84,106,131)
```
#4c698b
```
#4c698b rgb(76,105,139)
```
#436994
```
#436994 rgb(67,105,148)
```
#3b689c
```
#3b689c rgb(59,104,156)
```
#3368a4
```
#3368a4 rgb(51,104,164)
```
#2b67ac
```
#2b67ac rgb(43,103,172)
```
#2267b5
```
#2267b5 rgb(34,103,181)
```
#1a66bd
```
#1a66bd rgb(26,102,189)
```
#1266c5
```
#1266c5 rgb(18,102,197)
```
#0a65cd
```
#0a65cd rgb(10,101,205)
```
#0165d6
```
#0165d6 rgb(1,101,214)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#62676c Atypical Achromatopsia 0.001% of the population

Dichromacy

#696e87 Protanopia 1% of men
#6b6d8a Deuteranopia 1% of men
#59747c Tritanopia 0.001% of the population

Trichromacy

#616d85 Protanomaly 1% of men, 0.01% of women
#626c87 Deuteranomaly 6% of men, 0.4% of women
#57707e Tritanomaly 0.01% of the population

#546a83 hex color

#546a83 Color Information

#546a83 Color Conversion

Color Schemes with #546a83

Alternatives to #546a83

#546a83 Preview

Shades and Tints of #546a83

Tones of #546a83

Color Blindness Simulator