#545683 hex color

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

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

● #545683 color description : Mostly desaturated dark blue.

The hexadecimal color #545683 has RGB values of R:84, G:86, B:131 and CMYK values of C:0.36, M:0.34, Y:0, K:0.49. Its decimal value is 5527171.

Hex triplet	545683	`#545683`
RGB Decimal	84, 86, 131	`rgb(84,86,131)`
RGB Percent	32.9, 33.7, 51.4	`rgb(32.9%,33.7%,51.4%)`
CMYK	36, 34, 0, 49
HSL	237.4°, 21.9, 42.2	`hsl(237.4,21.9%,42.2%)`
HSV (or HSB)	237.4°, 35.9, 51.4
Web Safe	666699	`#666699`

CIE-LAB	38.162, 10.796, -25.474
XYZ	11.08, 10.179, 22.852
xyY	0.251, 0.231, 10.179
CIE-LCH	38.162, 27.667, 292.967
CIE-LUV	38.162, -3.508, -36.717
Hunter-Lab	31.904, 6.158, -20.135
Binary	01010100, 01010110, 10000011

#545683
```
#545683 rgb(84,86,131)
```
#838154
```
#838154 rgb(131,129,84)
```

Complementary Color

#546e83
```
#546e83 rgb(84,110,131)
```
#545683
```
#545683 rgb(84,86,131)
```
#6a5483
```
#6a5483 rgb(106,84,131)
```

Analogous Color

#6e8354
```
#6e8354 rgb(110,131,84)
```
#545683
```
#545683 rgb(84,86,131)
```
#836a54
```
#836a54 rgb(131,106,84)
```

Split Complementary Color

#568354
```
#568354 rgb(86,131,84)
```
#545683
```
#545683 rgb(84,86,131)
```
#835456
```
#835456 rgb(131,84,86)
```

Triadic Color

#548381
```
#548381 rgb(84,131,129)
```
#545683
```
#545683 rgb(84,86,131)
```
#835456
```
#835456 rgb(131,84,86)
```
#838154
```
#838154 rgb(131,129,84)
```

Tetradic Color

#363754
```
#363754 rgb(54,55,84)
```
#404264
```
#404264 rgb(64,66,100)
```
#4a4c73
```
#4a4c73 rgb(74,76,115)
```
#545683
```
#545683 rgb(84,86,131)
```
#5e6093
```
#5e6093 rgb(94,96,147)
```
#6a6da0
```
#6a6da0 rgb(106,109,160)
```
#7a7caa
```
#7a7caa rgb(122,124,170)
```

Monochromatic Color

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

#546283
```
#546283 rgb(84,98,131)
```
#545e83
```
#545e83 rgb(84,94,131)
```
#545a83
```
#545a83 rgb(84,90,131)
```
#545683
```
#545683 rgb(84,86,131)
```
#565483
```
#565483 rgb(86,84,131)
```
#5a5483
```
#5a5483 rgb(90,84,131)
```
#5e5483
```
#5e5483 rgb(94,84,131)
```

Similar Colors

Text with hexadecimal color #545683

This text has a font color of #545683.

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

#545683 background color

This paragraph has a background color of #545683.

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

#545683 border color

This element has a border color of #545683.

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

CSS codes

.text {color:#545683;}

.background {background-color:#545683;}

.border {border:1px solid #545683;}

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

#07080b
```
#07080b rgb(7,8,11)
```
#0f0f17
```
#0f0f17 rgb(15,15,23)
```
#171723
```
#171723 rgb(23,23,35)
```
#1e1f2f
```
#1e1f2f rgb(30,31,47)
```
#26273b
```
#26273b rgb(38,39,59)
```
#2e2f47
```
#2e2f47 rgb(46,47,71)
```
#353753
```
#353753 rgb(53,55,83)
```
#3d3e5f
```
#3d3e5f rgb(61,62,95)
```
#45466b
```
#45466b rgb(69,70,107)
```
#4c4e77
```
#4c4e77 rgb(76,78,119)
```
#545683
```
#545683 rgb(84,86,131)
```
#5c5e8f
```
#5c5e8f rgb(92,94,143)
```
#63669b
```
#63669b rgb(99,102,155)
```

Shade Color Variation

#6f71a3
```
#6f71a3 rgb(111,113,163)
```
#7b7daa
```
#7b7daa rgb(123,125,170)
```
#8789b2
```
#8789b2 rgb(135,137,178)
```
#9395ba
```
#9395ba rgb(147,149,186)
```
#9fa0c1
```
#9fa0c1 rgb(159,160,193)
```
#abacc9
```
#abacc9 rgb(171,172,201)
```
#b7b8d1
```
#b7b8d1 rgb(183,184,209)
```
#c3c4d8
```
#c3c4d8 rgb(195,196,216)
```
#cfcfe0
```
#cfcfe0 rgb(207,207,224)
```
#dbdbe8
```
#dbdbe8 rgb(219,219,232)
```
#e7e7ef
```
#e7e7ef rgb(231,231,239)
```
#f3f3f7
```
#f3f3f7 rgb(243,243,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656572 is the less saturated color, while #010ad6 is the most saturated one.

#656572
```
#656572 rgb(101,101,114)
```
#5c5e7b
```
#5c5e7b rgb(92,94,123)
```
#545683
```
#545683 rgb(84,86,131)
```
#4c4e8b
```
#4c4e8b rgb(76,78,139)
```
#434794
```
#434794 rgb(67,71,148)
```
#3b3f9c
```
#3b3f9c rgb(59,63,156)
```
#3338a4
```
#3338a4 rgb(51,56,164)
```
#2b30ac
```
#2b30ac rgb(43,48,172)
```
#2229b5
```
#2229b5 rgb(34,41,181)
```
#1a21bd
```
#1a21bd rgb(26,33,189)
```
#1219c5
```
#1219c5 rgb(18,25,197)
```
#0a12cd
```
#0a12cd rgb(10,18,205)
```
#010ad6
```
#010ad6 rgb(1,10,214)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5a5a63 Atypical Achromatopsia 0.001% of the population

Dichromacy

#53618b Protanopia 1% of men
#526188 Deuteranopia 1% of men
#54646c Tritanopia 0.001% of the population

Trichromacy

#535d88 Protanomaly 1% of men, 0.01% of women
#535d86 Deuteranomaly 6% of men, 0.4% of women
#545f74 Tritanomaly 0.01% of the population

#545683 hex color

#545683 Color Information

#545683 Color Conversion

Color Schemes with #545683

Alternatives to #545683

#545683 Preview

Shades and Tints of #545683

Tones of #545683

Color Blindness Simulator