#5662ac hex color

In a RGB color space, hex #5662ac is composed of 33.7% red, 38.4% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 43% magenta, 0% yellow and 32.5% black. It has a hue angle of 231.6 degrees, a saturation of 34.1% and a lightness of 50.6%. #5662ac color hex could be obtained by blending #acc4ff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 34
- G 38
- B 67
RGB color chart
- C 50
- M 43
- Y 0
- K 33
CMYK color chart

● #5662ac color description : Dark moderate blue.

The hexadecimal color #5662ac has RGB values of R:86, G:98, B:172 and CMYK values of C:0.5, M:0.43, Y:0, K:0.33. Its decimal value is 5661356.

Hex triplet	5662ac	`#5662ac`
RGB Decimal	86, 98, 172	`rgb(86,98,172)`
RGB Percent	33.7, 38.4, 67.5	`rgb(33.7%,38.4%,67.5%)`
CMYK	50, 43, 0, 33
HSL	231.6°, 34.1, 50.6	`hsl(231.6,34.1%,50.6%)`
HSV (or HSB)	231.6°, 50, 67.5
Web Safe	666699	`#666699`

CIE-LAB	43.788, 16.346, -41.16
XYZ	15.65, 13.692, 40.846
xyY	0.223, 0.195, 13.692
CIE-LCH	43.788, 44.287, 291.66
CIE-LUV	43.788, -8.896, -62.426
Hunter-Lab	37.002, 10.743, -39.546
Binary	01010110, 01100010, 10101100

#5662ac
```
#5662ac rgb(86,98,172)
```
#aca056
```
#aca056 rgb(172,160,86)
```

Complementary Color

#568dac
```
#568dac rgb(86,141,172)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#7556ac
```
#7556ac rgb(117,86,172)
```

Analogous Color

#8dac56
```
#8dac56 rgb(141,172,86)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#ac7556
```
#ac7556 rgb(172,117,86)
```

Split Complementary Color

#62ac56
```
#62ac56 rgb(98,172,86)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#ac5662
```
#ac5662 rgb(172,86,98)
```

Triadic Color

#56aca0
```
#56aca0 rgb(86,172,160)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#ac5662
```
#ac5662 rgb(172,86,98)
```
#aca056
```
#aca056 rgb(172,160,86)
```

Tetradic Color

#3c447a
```
#3c447a rgb(60,68,122)
```
#444e8b
```
#444e8b rgb(68,78,139)
```
#4d589c
```
#4d589c rgb(77,88,156)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#6772b4
```
#6772b4 rgb(103,114,180)
```
#7882bd
```
#7882bd rgb(120,130,189)
```
#8992c5
```
#8992c5 rgb(137,146,197)
```

Monochromatic Color

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

#5678ac
```
#5678ac rgb(86,120,172)
```
#5670ac
```
#5670ac rgb(86,112,172)
```
#5669ac
```
#5669ac rgb(86,105,172)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#565bac
```
#565bac rgb(86,91,172)
```
#5856ac
```
#5856ac rgb(88,86,172)
```
#6056ac
```
#6056ac rgb(96,86,172)
```

Similar Colors

Text with hexadecimal color #5662ac

This text has a font color of #5662ac.

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

#5662ac background color

This paragraph has a background color of #5662ac.

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

#5662ac border color

This element has a border color of #5662ac.

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

CSS codes

.text {color:#5662ac;}

.background {background-color:#5662ac;}

.border {border:1px solid #5662ac;}

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

#010102
```
#010102 rgb(1,1,2)
```
#07090f
```
#07090f rgb(7,9,15)
```
#0e101c
```
#0e101c rgb(14,16,28)
```
#141729
```
#141729 rgb(20,23,41)
```
#1b1f37
```
#1b1f37 rgb(27,31,55)
```
#212644
```
#212644 rgb(33,38,68)
```
#282d51
```
#282d51 rgb(40,45,81)
```
#2e355e
```
#2e355e rgb(46,53,94)
```
#353c6b
```
#353c6b rgb(53,60,107)
```
#3b4478
```
#3b4478 rgb(59,68,120)
```
#424b86
```
#424b86 rgb(66,75,134)
```
#485293
```
#485293 rgb(72,82,147)
```
#4f5aa0
```
#4f5aa0 rgb(79,90,160)
```

Shade Color Variation

#5662ac
```
#5662ac rgb(86,98,172)
```
#636eb2
```
#636eb2 rgb(99,110,178)
```
#707ab9
```
#707ab9 rgb(112,122,185)
```
#7d87bf
```
#7d87bf rgb(125,135,191)
```
#8b93c6
```
#8b93c6 rgb(139,147,198)
```
#989fcc
```
#989fcc rgb(152,159,204)
```
#a5abd3
```
#a5abd3 rgb(165,171,211)
```
#b2b8d9
```
#b2b8d9 rgb(178,184,217)
```
#bfc4e0
```
#bfc4e0 rgb(191,196,224)
```
#ccd0e6
```
#ccd0e6 rgb(204,208,230)
```
#dadced
```
#dadced rgb(218,220,237)
```
#e7e8f3
```
#e7e8f3 rgb(231,232,243)
```
#f4f5fa
```
#f4f5fa rgb(244,245,250)
```

Tint Color Variation

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

#7d7e85
```
#7d7e85 rgb(125,126,133)
```
#73778f
```
#73778f rgb(115,119,143)
```
#697099
```
#697099 rgb(105,112,153)
```
#6069a2
```
#6069a2 rgb(96,105,162)
```
#5662ac
```
#5662ac rgb(86,98,172)
```
#4c5bb6
```
#4c5bb6 rgb(76,91,182)
```
#4354bf
```
#4354bf rgb(67,84,191)
```
#394dc9
```
#394dc9 rgb(57,77,201)
```
#2f46d3
```
#2f46d3 rgb(47,70,211)
```
#263fdc
```
#263fdc rgb(38,63,220)
```
#1c38e6
```
#1c38e6 rgb(28,56,230)
```
#1231f0
```
#1231f0 rgb(18,49,240)
```
#082afa
```
#082afa rgb(8,42,250)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#646675 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6db2 Protanopia 1% of men
#446fae Deuteranopia 1% of men
#4b757e Tritanopia 0.001% of the population

Trichromacy

#5169b0 Protanomaly 1% of men, 0.01% of women
#4a6aad Deuteranomaly 6% of men, 0.4% of women
#4f6e8f Tritanomaly 0.01% of the population

#5662ac hex color

#5662ac Color Information

#5662ac Color Conversion

Color Schemes with #5662ac

Alternatives to #5662ac

#5662ac Preview

Shades and Tints of #5662ac

Tones of #5662ac

Color Blindness Simulator