colorhexa.com

#5863a2 hex color

In a RGB color space, hex #5863a2 is composed of 34.5% red, 38.8% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 45.7% cyan, 38.9% magenta, 0% yellow and 36.5% black. It has a hue angle of 231.1 degrees, a saturation of 29.6% and a lightness of 49%. #5863a2 color hex could be obtained by blending #b0c6ff with #000045. Closest websafe color is: #666699.

- R 35
- G 39
- B 64
RGB color chart
- C 46
- M 39
- Y 0
- K 36
CMYK color chart

● #5863a2 color description : Dark moderate blue.

The hexadecimal color #5863a2 has RGB values of R:88, G:99, B:162 and CMYK values of C:0.46, M:0.39, Y:0, K:0.36. Its decimal value is 5792674.

Hex triplet	5863a2	`#5863a2`
RGB Decimal	88, 99, 162	`rgb(88,99,162)`
RGB Percent	34.5, 38.8, 63.5	`rgb(34.5%,38.8%,63.5%)`
CMYK	46, 39, 0, 36
HSL	231.1°, 29.6, 49	`hsl(231.1,29.6%,49%)`
HSV (or HSB)	231.1°, 45.7, 63.5
Web Safe	666699	`#666699`

CIE-LAB	43.663, 13.072, -35.449
XYZ	15.007, 13.607, 36.016
xyY	0.232, 0.211, 13.607
CIE-LCH	43.663, 37.783, 290.241
CIE-LUV	43.663, -8.15, -53.368
Hunter-Lab	36.887, 8.066, -32.069
Binary	01011000, 01100011, 10100010

#5863a2
```
#5863a2 rgb(88,99,162)
```
#a29758
```
#a29758 rgb(162,151,88)
```

Complementary Color

#5888a2
```
#5888a2 rgb(88,136,162)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#7258a2
```
#7258a2 rgb(114,88,162)
```

Analogous Color

#88a258
```
#88a258 rgb(136,162,88)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#a27258
```
#a27258 rgb(162,114,88)
```

Split Complementary Color

#63a258
```
#63a258 rgb(99,162,88)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#a25863
```
#a25863 rgb(162,88,99)
```

Triadic Color

#58a297
```
#58a297 rgb(88,162,151)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#a25863
```
#a25863 rgb(162,88,99)
```
#a29758
```
#a29758 rgb(162,151,88)
```

Tetradic Color

#3d4570
```
#3d4570 rgb(61,69,112)
```
#464f81
```
#464f81 rgb(70,79,129)
```
#4f5991
```
#4f5991 rgb(79,89,145)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#6771ac
```
#6771ac rgb(103,113,172)
```
#7881b5
```
#7881b5 rgb(120,129,181)
```
#8890be
```
#8890be rgb(136,144,190)
```

Monochromatic Color

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

#5876a2
```
#5876a2 rgb(88,118,162)
```
#586fa2
```
#586fa2 rgb(88,111,162)
```
#5869a2
```
#5869a2 rgb(88,105,162)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#585da2
```
#585da2 rgb(88,93,162)
```
#5958a2
```
#5958a2 rgb(89,88,162)
```
#6058a2
```
#6058a2 rgb(96,88,162)
```

Similar Colors

Text with hexadecimal color #5863a2

This text has a font color of #5863a2.

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

#5863a2 background color

This paragraph has a background color of #5863a2.

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

#5863a2 border color

This element has a border color of #5863a2.

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

CSS codes

.text {color:#5863a2;}

.background {background-color:#5863a2;}

.border {border:1px solid #5863a2;}

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

#050609
```
#050609 rgb(5,6,9)
```
#0c0e16
```
#0c0e16 rgb(12,14,22)
```
#131523
```
#131523 rgb(19,21,35)
```
#1a1d30
```
#1a1d30 rgb(26,29,48)
```
#21253c
```
#21253c rgb(33,37,60)
```
#282d49
```
#282d49 rgb(40,45,73)
```
#2f3456
```
#2f3456 rgb(47,52,86)
```
#353c62
```
#353c62 rgb(53,60,98)
```
#3c446f
```
#3c446f rgb(60,68,111)
```
#434c7c
```
#434c7c rgb(67,76,124)
```
#4a5389
```
#4a5389 rgb(74,83,137)
```
#515b95
```
#515b95 rgb(81,91,149)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```

Shade Color Variation

#636eaa
```
#636eaa rgb(99,110,170)
```
#707ab1
```
#707ab1 rgb(112,122,177)
```
#7d86b8
```
#7d86b8 rgb(125,134,184)
```
#8991bf
```
#8991bf rgb(137,145,191)
```
#969dc6
```
#969dc6 rgb(150,157,198)
```
#a3a9cd
```
#a3a9cd rgb(163,169,205)
```
#afb5d4
```
#afb5d4 rgb(175,181,212)
```
#bcc1db
```
#bcc1db rgb(188,193,219)
```
#c9cde2
```
#c9cde2 rgb(201,205,226)
```
#d6d8e9
```
#d6d8e9 rgb(214,216,233)
```
#e2e4ef
```
#e2e4ef rgb(226,228,239)
```
#eff0f6
```
#eff0f6 rgb(239,240,246)
```
#fcfcfd
```
#fcfcfd rgb(252,252,253)
```

Tint Color Variation

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

#757785
```
#757785 rgb(117,119,133)
```
#6b718f
```
#6b718f rgb(107,113,143)
```
#626a98
```
#626a98 rgb(98,106,152)
```
#5863a2
```
#5863a2 rgb(88,99,162)
```
#4e5cac
```
#4e5cac rgb(78,92,172)
```
#4555b5
```
#4555b5 rgb(69,85,181)
```
#3b4fbf
```
#3b4fbf rgb(59,79,191)
```
#3248c8
```
#3248c8 rgb(50,72,200)
```
#2841d2
```
#2841d2 rgb(40,65,210)
```
#1e3adc
```
#1e3adc rgb(30,58,220)
```
#1534e5
```
#1534e5 rgb(21,52,229)
```
#0b2def
```
#0b2def rgb(11,45,239)
```
#0126f9
```
#0126f9 rgb(1,38,249)
```

Tone Color Variation

Below, you can see how #5863a2 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
#646673 Atypical Achromatopsia 0.001% of the population

Dichromacy

#566da8 Protanopia 1% of men
#506fa5 Deuteranopia 1% of men
#52747c Tritanopia 0.001% of the population

Trichromacy

#5769a6 Protanomaly 1% of men, 0.01% of women
#536aa4 Deuteranomaly 6% of men, 0.4% of women
#546e8a Tritanomaly 0.01% of the population