#53678f hex color

In a RGB color space, hex #53678f is composed of 32.5% red, 40.4% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 42% cyan, 28% magenta, 0% yellow and 43.9% black. It has a hue angle of 220 degrees, a saturation of 26.5% and a lightness of 44.3%. #53678f color hex could be obtained by blending #a6ceff with #00001f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 40
- B 56
RGB color chart
- C 42
- M 28
- Y 0
- K 44
CMYK color chart

● #53678f color description : Mostly desaturated dark blue.

The hexadecimal color #53678f has RGB values of R:83, G:103, B:143 and CMYK values of C:0.42, M:0.28, Y:0, K:0.44. Its decimal value is 5465999.

Hex triplet	53678f	`#53678f`
RGB Decimal	83, 103, 143	`rgb(83,103,143)`
RGB Percent	32.5, 40.4, 56.1	`rgb(32.5%,40.4%,56.1%)`
CMYK	42, 28, 0, 44
HSL	220°, 26.5, 44.3	`hsl(220,26.5%,44.3%)`
HSV (or HSB)	220°, 42, 56.1
Web Safe	666699	`#666699`

CIE-LAB	43.54, 3.428, -24.362
XYZ	13.374, 13.522, 27.89
xyY	0.244, 0.247, 13.522
CIE-LCH	43.54, 24.602, 278.01
CIE-LUV	43.54, -11.005, -35.38
Hunter-Lab	36.773, 0.57, -19.228
Binary	01010011, 01100111, 10001111

#53678f
```
#53678f rgb(83,103,143)
```
#8f7b53
```
#8f7b53 rgb(143,123,83)
```

Complementary Color

#53858f
```
#53858f rgb(83,133,143)
```
#53678f
```
#53678f rgb(83,103,143)
```
#5d538f
```
#5d538f rgb(93,83,143)
```

Analogous Color

#858f53
```
#858f53 rgb(133,143,83)
```
#53678f
```
#53678f rgb(83,103,143)
```
#8f5d53
```
#8f5d53 rgb(143,93,83)
```

Split Complementary Color

#678f53
```
#678f53 rgb(103,143,83)
```
#53678f
```
#53678f rgb(83,103,143)
```
#8f5367
```
#8f5367 rgb(143,83,103)
```

Triadic Color

#538f7b
```
#538f7b rgb(83,143,123)
```
#53678f
```
#53678f rgb(83,103,143)
```
#8f5367
```
#8f5367 rgb(143,83,103)
```
#8f7b53
```
#8f7b53 rgb(143,123,83)
```

Tetradic Color

#37445f
```
#37445f rgb(55,68,95)
```
#40506f
```
#40506f rgb(64,80,111)
```
#4a5b7f
```
#4a5b7f rgb(74,91,127)
```
#53678f
```
#53678f rgb(83,103,143)
```
#5c739f
```
#5c739f rgb(92,115,159)
```
#6c80a9
```
#6c80a9 rgb(108,128,169)
```
#7c8eb3
```
#7c8eb3 rgb(124,142,179)
```

Monochromatic Color

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

#53768f
```
#53768f rgb(83,118,143)
```
#53718f
```
#53718f rgb(83,113,143)
```
#536c8f
```
#536c8f rgb(83,108,143)
```
#53678f
```
#53678f rgb(83,103,143)
```
#53628f
```
#53628f rgb(83,98,143)
```
#535d8f
```
#535d8f rgb(83,93,143)
```
#53588f
```
#53588f rgb(83,88,143)
```

Similar Colors

Text with hexadecimal color #53678f

This text has a font color of #53678f.

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

#53678f background color

This paragraph has a background color of #53678f.

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

#53678f border color

This element has a border color of #53678f.

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

CSS codes

.text {color:#53678f;}

.background {background-color:#53678f;}

.border {border:1px solid #53678f;}

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, #040506 is the darkest color, while #f9fafc is the lightest one.

#040506
```
#040506 rgb(4,5,6)
```
#0b0e13
```
#0b0e13 rgb(11,14,19)
```
#12171f
```
#12171f rgb(18,23,31)
```
#191f2c
```
#191f2c rgb(25,31,44)
```
#212838
```
#212838 rgb(33,40,56)
```
#283145
```
#283145 rgb(40,49,69)
```
#2f3a51
```
#2f3a51 rgb(47,58,81)
```
#36435d
```
#36435d rgb(54,67,93)
```
#3d4c6a
```
#3d4c6a rgb(61,76,106)
```
#455576
```
#455576 rgb(69,85,118)
```
#4c5e83
```
#4c5e83 rgb(76,94,131)
```
#53678f
```
#53678f rgb(83,103,143)
```
#5a709b
```
#5a709b rgb(90,112,155)
```

Shade Color Variation

#647aa5
```
#647aa5 rgb(100,122,165)
```
#7184ac
```
#7184ac rgb(113,132,172)
```
#7d8fb4
```
#7d8fb4 rgb(125,143,180)
```
#899abb
```
#899abb rgb(137,154,187)
```
#96a4c2
```
#96a4c2 rgb(150,164,194)
```
#a2afc9
```
#a2afc9 rgb(162,175,201)
```
#afbad0
```
#afbad0 rgb(175,186,208)
```
#bbc5d8
```
#bbc5d8 rgb(187,197,216)
```
#c7cfdf
```
#c7cfdf rgb(199,207,223)
```
#d4dae6
```
#d4dae6 rgb(212,218,230)
```
#e0e5ed
```
#e0e5ed rgb(224,229,237)
```
#edeff4
```
#edeff4 rgb(237,239,244)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d7075 is the less saturated color, while #054ddd is the most saturated one.

#6d7075
```
#6d7075 rgb(109,112,117)
```
#646d7e
```
#646d7e rgb(100,109,126)
```
#5c6a86
```
#5c6a86 rgb(92,106,134)
```
#53678f
```
#53678f rgb(83,103,143)
```
#4a6498
```
#4a6498 rgb(74,100,152)
```
#4261a0
```
#4261a0 rgb(66,97,160)
```
#395ea9
```
#395ea9 rgb(57,94,169)
```
#305bb2
```
#305bb2 rgb(48,91,178)
```
#2859ba
```
#2859ba rgb(40,89,186)
```
#1f56c3
```
#1f56c3 rgb(31,86,195)
```
#1653cc
```
#1653cc rgb(22,83,204)
```
#0d50d5
```
#0d50d5 rgb(13,80,213)
```
#054ddd
```
#054ddd rgb(5,77,221)
```

Tone Color Variation

Below, you can see how #53678f 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
#62666e Atypical Achromatopsia 0.001% of the population

Dichromacy

#626d93 Protanopia 1% of men
#616d95 Deuteranopia 1% of men
#53737c Tritanopia 0.001% of the population

Trichromacy

#5c6b92 Protanomaly 1% of men, 0.01% of women
#5b6b93 Deuteranomaly 6% of men, 0.4% of women
#536f83 Tritanomaly 0.01% of the population

#53678f hex color

#53678f Color Information

#53678f Color Conversion

Color Schemes with #53678f

Alternatives to #53678f

#53678f Preview

Shades and Tints of #53678f

Tones of #53678f

Color Blindness Simulator