#5675a0 hex color

In a RGB color space, hex #5675a0 is composed of 33.7% red, 45.9% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 46.3% cyan, 26.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 214.9 degrees, a saturation of 30.1% and a lightness of 48.2%. #5675a0 color hex could be obtained by blending #aceaff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 46
- B 63
RGB color chart
- C 46
- M 27
- Y 0
- K 37
CMYK color chart

● #5675a0 color description : Dark moderate blue.

The hexadecimal color #5675a0 has RGB values of R:86, G:117, B:160 and CMYK values of C:0.46, M:0.27, Y:0, K:0.37. Its decimal value is 5666208.

Hex triplet	5675a0	`#5675a0`
RGB Decimal	86, 117, 160	`rgb(86,117,160)`
RGB Percent	33.7, 45.9, 62.7	`rgb(33.7%,45.9%,62.7%)`
CMYK	46, 27, 0, 37
HSL	214.9°, 30.1, 48.2	`hsl(214.9,30.1%,48.2%)`
HSV (or HSB)	214.9°, 46.3, 62.7
Web Safe	666699	`#666699`

CIE-LAB	48.559, 0.893, -26.617
XYZ	16.543, 17.238, 35.711
xyY	0.238, 0.248, 17.238
CIE-LCH	48.559, 26.632, 271.922
CIE-LUV	48.559, -15.612, -39.432
Hunter-Lab	41.519, -1.537, -21.933
Binary	01010110, 01110101, 10100000

#5675a0
```
#5675a0 rgb(86,117,160)
```
#a08156
```
#a08156 rgb(160,129,86)
```

Complementary Color

#569aa0
```
#569aa0 rgb(86,154,160)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#5c56a0
```
#5c56a0 rgb(92,86,160)
```

Analogous Color

#9aa056
```
#9aa056 rgb(154,160,86)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#a05c56
```
#a05c56 rgb(160,92,86)
```

Split Complementary Color

#75a056
```
#75a056 rgb(117,160,86)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#a05675
```
#a05675 rgb(160,86,117)
```

Triadic Color

#56a081
```
#56a081 rgb(86,160,129)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#a05675
```
#a05675 rgb(160,86,117)
```
#a08156
```
#a08156 rgb(160,129,86)
```

Tetradic Color

#3b516e
```
#3b516e rgb(59,81,110)
```
#445d7f
```
#445d7f rgb(68,93,127)
```
#4d698f
```
#4d698f rgb(77,105,143)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#6482ac
```
#6482ac rgb(100,130,172)
```
#748fb5
```
#748fb5 rgb(116,143,181)
```
#859dbd
```
#859dbd rgb(133,157,189)
```

Monochromatic Color

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

#5688a0
```
#5688a0 rgb(86,136,160)
```
#5681a0
```
#5681a0 rgb(86,129,160)
```
#567ba0
```
#567ba0 rgb(86,123,160)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#566fa0
```
#566fa0 rgb(86,111,160)
```
#5669a0
```
#5669a0 rgb(86,105,160)
```
#5663a0
```
#5663a0 rgb(86,99,160)
```

Similar Colors

Text with hexadecimal color #5675a0

This text has a font color of #5675a0.

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

#5675a0 background color

This paragraph has a background color of #5675a0.

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

#5675a0 border color

This element has a border color of #5675a0.

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

CSS codes

.text {color:#5675a0;}

.background {background-color:#5675a0;}

.border {border:1px solid #5675a0;}

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

#040507
```
#040507 rgb(4,5,7)
```
#0b0e14
```
#0b0e14 rgb(11,14,20)
```
#111820
```
#111820 rgb(17,24,32)
```
#18212d
```
#18212d rgb(24,33,45)
```
#1f2a3a
```
#1f2a3a rgb(31,42,58)
```
#263447
```
#263447 rgb(38,52,71)
```
#2d3d53
```
#2d3d53 rgb(45,61,83)
```
#344660
```
#344660 rgb(52,70,96)
```
#3b506d
```
#3b506d rgb(59,80,109)
```
#41597a
```
#41597a rgb(65,89,122)
```
#486286
```
#486286 rgb(72,98,134)
```
#4f6c93
```
#4f6c93 rgb(79,108,147)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```

Shade Color Variation

#607faa
```
#607faa rgb(96,127,170)
```
#6d89b0
```
#6d89b0 rgb(109,137,176)
```
#7a93b7
```
#7a93b7 rgb(122,147,183)
```
#869ebe
```
#869ebe rgb(134,158,190)
```
#93a8c5
```
#93a8c5 rgb(147,168,197)
```
#a0b2cc
```
#a0b2cc rgb(160,178,204)
```
#adbdd3
```
#adbdd3 rgb(173,189,211)
```
#b9c7da
```
#b9c7da rgb(185,199,218)
```
#c6d1e0
```
#c6d1e0 rgb(198,209,224)
```
#d3dbe7
```
#d3dbe7 rgb(211,219,231)
```
#e0e6ee
```
#e0e6ee rgb(224,230,238)
```
#ecf0f5
```
#ecf0f5 rgb(236,240,245)
```
#f9fafc
```
#f9fafc rgb(249,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727a84 is the less saturated color, while #0167f5 is the most saturated one.

#727a84
```
#727a84 rgb(114,122,132)
```
#69788d
```
#69788d rgb(105,120,141)
```
#5f7797
```
#5f7797 rgb(95,119,151)
```
#5675a0
```
#5675a0 rgb(86,117,160)
```
#4d73a9
```
#4d73a9 rgb(77,115,169)
```
#4372b3
```
#4372b3 rgb(67,114,179)
```
#3a70bc
```
#3a70bc rgb(58,112,188)
```
#306fc6
```
#306fc6 rgb(48,111,198)
```
#276dcf
```
#276dcf rgb(39,109,207)
```
#1d6cd9
```
#1d6cd9 rgb(29,108,217)
```
#146ae2
```
#146ae2 rgb(20,106,226)
```
#0a69ec
```
#0a69ec rgb(10,105,236)
```
#0167f5
```
#0167f5 rgb(1,103,245)
```

Tone Color Variation

Below, you can see how #5675a0 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
#6c727a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d79a2 Protanopia 1% of men
#6a79a6 Deuteranopia 1% of men
#55818a Tritanopia 0.001% of the population

Trichromacy

#6477a1 Protanomaly 1% of men, 0.01% of women
#6377a3 Deuteranomaly 6% of men, 0.4% of women
#557c92 Tritanomaly 0.01% of the population

#5675a0 hex color

#5675a0 Color Information

#5675a0 Color Conversion

Color Schemes with #5675a0

Alternatives to #5675a0

#5675a0 Preview

Shades and Tints of #5675a0

Tones of #5675a0

Color Blindness Simulator