#5658af hex color

In a RGB color space, hex #5658af is composed of 33.7% red, 34.5% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 49.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 238.7 degrees, a saturation of 35.7% and a lightness of 51.2%. #5658af color hex could be obtained by blending #acb0ff with #00005f. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 35
- B 69
RGB color chart
- C 51
- M 50
- Y 0
- K 31
CMYK color chart

● #5658af color description : Dark moderate blue.

The hexadecimal color #5658af has RGB values of R:86, G:88, B:175 and CMYK values of C:0.51, M:0.5, Y:0, K:0.31. Its decimal value is 5658799.

Hex triplet	5658af	`#5658af`
RGB Decimal	86, 88, 175	`rgb(86,88,175)`
RGB Percent	33.7, 34.5, 68.6	`rgb(33.7%,34.5%,68.6%)`
CMYK	51, 50, 0, 31
HSL	238.7°, 35.7, 51.2	`hsl(238.7,35.7%,51.2%)`
HSV (or HSB)	238.7°, 50.9, 68.6
Web Safe	666699	`#666699`

CIE-LAB	41.299, 23.604, -46.897
XYZ	15.064, 12.053, 42.088
xyY	0.218, 0.174, 12.053
CIE-LCH	41.299, 52.502, 296.716
CIE-LUV	41.299, -5.787, -70.647
Hunter-Lab	34.717, 16.698, -47.577
Binary	01010110, 01011000, 10101111

#5658af
```
#5658af rgb(86,88,175)
```
#afad56
```
#afad56 rgb(175,173,86)
```

Complementary Color

#5685af
```
#5685af rgb(86,133,175)
```
#5658af
```
#5658af rgb(86,88,175)
```
#8156af
```
#8156af rgb(129,86,175)
```

Analogous Color

#85af56
```
#85af56 rgb(133,175,86)
```
#5658af
```
#5658af rgb(86,88,175)
```
#af8156
```
#af8156 rgb(175,129,86)
```

Split Complementary Color

#58af56
```
#58af56 rgb(88,175,86)
```
#5658af
```
#5658af rgb(86,88,175)
```
#af5658
```
#af5658 rgb(175,86,88)
```

Triadic Color

#56afad
```
#56afad rgb(86,175,173)
```
#5658af
```
#5658af rgb(86,88,175)
```
#af5658
```
#af5658 rgb(175,86,88)
```
#afad56
```
#afad56 rgb(175,173,86)
```

Tetradic Color

#3b3d7d
```
#3b3d7d rgb(59,61,125)
```
#43458f
```
#43458f rgb(67,69,143)
```
#4c4ea0
```
#4c4ea0 rgb(76,78,160)
```
#5658af
```
#5658af rgb(86,88,175)
```
#6769b7
```
#6769b7 rgb(103,105,183)
```
#797abf
```
#797abf rgb(121,122,191)
```
#8a8bc8
```
#8a8bc8 rgb(138,139,200)
```

Monochromatic Color

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

#566eaf
```
#566eaf rgb(86,110,175)
```
#5667af
```
#5667af rgb(86,103,175)
```
#565faf
```
#565faf rgb(86,95,175)
```
#5658af
```
#5658af rgb(86,88,175)
```
#5b56af
```
#5b56af rgb(91,86,175)
```
#6356af
```
#6356af rgb(99,86,175)
```
#6a56af
```
#6a56af rgb(106,86,175)
```

Similar Colors

Text with hexadecimal color #5658af

This text has a font color of #5658af.

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

#5658af background color

This paragraph has a background color of #5658af.

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

#5658af border color

This element has a border color of #5658af.

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

CSS codes

.text {color:#5658af;}

.background {background-color:#5658af;}

.border {border:1px solid #5658af;}

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

#020204
```
#020204 rgb(2,2,4)
```
#080811
```
#080811 rgb(8,8,17)
```
#0f0f1f
```
#0f0f1f rgb(15,15,31)
```
#15152c
```
#15152c rgb(21,21,44)
```
#1b1c39
```
#1b1c39 rgb(27,28,57)
```
#212247
```
#212247 rgb(33,34,71)
```
#282954
```
#282954 rgb(40,41,84)
```
#2e2f61
```
#2e2f61 rgb(46,47,97)
```
#34366f
```
#34366f rgb(52,54,111)
```
#3b3c7c
```
#3b3c7c rgb(59,60,124)
```
#414389
```
#414389 rgb(65,67,137)
```
#474997
```
#474997 rgb(71,73,151)
```
#4e4fa4
```
#4e4fa4 rgb(78,79,164)
```

Shade Color Variation

#5658af
```
#5658af rgb(86,88,175)
```
#6365b5
```
#6365b5 rgb(99,101,181)
```
#7172bc
```
#7172bc rgb(113,114,188)
```
#7e7fc2
```
#7e7fc2 rgb(126,127,194)
```
#8b8dc8
```
#8b8dc8 rgb(139,141,200)
```
#999acf
```
#999acf rgb(153,154,207)
```
#a6a7d5
```
#a6a7d5 rgb(166,167,213)
```
#b3b4db
```
#b3b4db rgb(179,180,219)
```
#c1c1e1
```
#c1c1e1 rgb(193,193,225)
```
#cecee8
```
#cecee8 rgb(206,206,232)
```
#dbdcee
```
#dbdcee rgb(219,220,238)
```
#e8e9f4
```
#e8e9f4 rgb(232,233,244)
```
#f6f6fb
```
#f6f6fb rgb(246,246,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7c7d89 is the less saturated color, while #090ffc is the most saturated one.

#7c7d89
```
#7c7d89 rgb(124,125,137)
```
#737392
```
#737392 rgb(115,115,146)
```
#696a9c
```
#696a9c rgb(105,106,156)
```
#6061a5
```
#6061a5 rgb(96,97,165)
```
#5658af
```
#5658af rgb(86,88,175)
```
#4c4fb9
```
#4c4fb9 rgb(76,79,185)
```
#4346c2
```
#4346c2 rgb(67,70,194)
```
#393dcc
```
#393dcc rgb(57,61,204)
```
#3033d5
```
#3033d5 rgb(48,51,213)
```
#262adf
```
#262adf rgb(38,42,223)
```
#1d21e8
```
#1d21e8 rgb(29,33,232)
```
#1318f2
```
#1318f2 rgb(19,24,242)
```
#090ffc
```
#090ffc rgb(9,15,252)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#5f5f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a66b8 Protanopia 1% of men
#276aae Deuteranopia 1% of men
#466f77 Tritanopia 0.001% of the population

Trichromacy

#4461b5 Protanomaly 1% of men, 0.01% of women
#3864ae Deuteranomaly 6% of men, 0.4% of women
#4c678b Tritanomaly 0.01% of the population

#5658af hex color

#5658af Color Information

#5658af Color Conversion

Color Schemes with #5658af

Alternatives to #5658af

#5658af Preview

Shades and Tints of #5658af

Tones of #5658af

Color Blindness Simulator