#5366ce hex color

In a RGB color space, hex #5366ce is composed of 32.5% red, 40% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 59.7% cyan, 50.5% magenta, 0% yellow and 19.2% black. It has a hue angle of 230.7 degrees, a saturation of 55.7% and a lightness of 56.7%. #5366ce color hex could be obtained by blending #a6ccff with #00009d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 40
- B 81
RGB color chart
- C 60
- M 50
- Y 0
- K 19
CMYK color chart

● #5366ce color description : Moderate blue.

The hexadecimal color #5366ce has RGB values of R:83, G:102, B:206 and CMYK values of C:0.6, M:0.5, Y:0, K:0.19. Its decimal value is 5465806.

Hex triplet	5366ce	`#5366ce`
RGB Decimal	83, 102, 206	`rgb(83,102,206)`
RGB Percent	32.5, 40, 80.8	`rgb(32.5%,40%,80.8%)`
CMYK	60, 50, 0, 19
HSL	230.7°, 55.7, 56.7	`hsl(230.7,55.7%,56.7%)`
HSV (or HSB)	230.7°, 59.7, 80.8
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.707, 24.39, -56.228
XYZ	19.457, 15.797, 60.413
xyY	0.203, 0.165, 15.797
CIE-LCH	46.707, 61.29, 293.449
CIE-LUV	46.707, -12.149, -87.121
Hunter-Lab	39.745, 17.828, -62.299
Binary	01010011, 01100110, 11001110

#5366ce
```
#5366ce rgb(83,102,206)
```
#cebb53
```
#cebb53 rgb(206,187,83)
```

Complementary Color

#53a4ce
```
#53a4ce rgb(83,164,206)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#7e53ce
```
#7e53ce rgb(126,83,206)
```

Analogous Color

#a4ce53
```
#a4ce53 rgb(164,206,83)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#ce7e53
```
#ce7e53 rgb(206,126,83)
```

Split Complementary Color

#66ce53
```
#66ce53 rgb(102,206,83)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#ce5366
```
#ce5366 rgb(206,83,102)
```

Triadic Color

#53cebb
```
#53cebb rgb(83,206,187)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#ce5366
```
#ce5366 rgb(206,83,102)
```
#cebb53
```
#cebb53 rgb(206,187,83)
```

Tetradic Color

#2f41a5
```
#2f41a5 rgb(47,65,165)
```
#3549b9
```
#3549b9 rgb(53,73,185)
```
#3f54c8
```
#3f54c8 rgb(63,84,200)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#6778d4
```
#6778d4 rgb(103,120,212)
```
#7b89d9
```
#7b89d9 rgb(123,137,217)
```
#8f9bdf
```
#8f9bdf rgb(143,155,223)
```

Monochromatic Color

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

#5385ce
```
#5385ce rgb(83,133,206)
```
#537bce
```
#537bce rgb(83,123,206)
```
#5370ce
```
#5370ce rgb(83,112,206)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#535cce
```
#535cce rgb(83,92,206)
```
#5453ce
```
#5453ce rgb(84,83,206)
```
#5f53ce
```
#5f53ce rgb(95,83,206)
```

Similar Colors

Text with hexadecimal color #5366ce

This text has a font color of #5366ce.

<span style="color:#5366ce;">Text here</span>

#5366ce background color

This paragraph has a background color of #5366ce.

<p style="background-color:#5366ce;">Content here</p>

#5366ce border color

This element has a border color of #5366ce.

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

CSS codes

.text {color:#5366ce;}

.background {background-color:#5366ce;}

.border {border:1px solid #5366ce;}

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, #03040b is the darkest color, while #fbfbfe is the lightest one.

#03040b
```
#03040b rgb(3,4,11)
```
#080a1a
```
#080a1a rgb(8,10,26)
```
#0c102a
```
#0c102a rgb(12,16,42)
```
#101739
```
#101739 rgb(16,23,57)
```
#151d48
```
#151d48 rgb(21,29,72)
```
#192358
```
#192358 rgb(25,35,88)
```
#1d2967
```
#1d2967 rgb(29,41,103)
```
#222f76
```
#222f76 rgb(34,47,118)
```
#263585
```
#263585 rgb(38,53,133)
```
#2a3b95
```
#2a3b95 rgb(42,59,149)
```
#2f41a4
```
#2f41a4 rgb(47,65,164)
```
#3347b3
```
#3347b3 rgb(51,71,179)
```
#374dc2
```
#374dc2 rgb(55,77,194)
```

Shade Color Variation

#4458ca
```
#4458ca rgb(68,88,202)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#6274d2
```
#6274d2 rgb(98,116,210)
```
#7281d7
```
#7281d7 rgb(114,129,215)
```
#818fdb
```
#818fdb rgb(129,143,219)
```
#909cdf
```
#909cdf rgb(144,156,223)
```
#9faae4
```
#9faae4 rgb(159,170,228)
```
#afb7e8
```
#afb7e8 rgb(175,183,232)
```
#bec5ec
```
#bec5ec rgb(190,197,236)
```
#cdd3f1
```
#cdd3f1 rgb(205,211,241)
```
#dce0f5
```
#dce0f5 rgb(220,224,245)
```
#eceef9
```
#eceef9 rgb(236,238,249)
```
#fbfbfe
```
#fbfbfe rgb(251,251,254)
```

Tint Color Variation

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

#8f8f93
```
#8f8f93 rgb(143,143,147)
```
#86899b
```
#86899b rgb(134,137,155)
```
#7e83a4
```
#7e83a4 rgb(126,131,164)
```
#757dac
```
#757dac rgb(117,125,172)
```
#6d78b5
```
#6d78b5 rgb(109,120,181)
```
#6472bd
```
#6472bd rgb(100,114,189)
```
#5c6cc6
```
#5c6cc6 rgb(92,108,198)
```
#5366ce
```
#5366ce rgb(83,102,206)
```
#4b60d7
```
#4b60d7 rgb(75,96,215)
```
#425adf
```
#425adf rgb(66,90,223)
```
#3a54e8
```
#3a54e8 rgb(58,84,232)
```
#314ff0
```
#314ff0 rgb(49,79,240)
```
#2949f9
```
#2949f9 rgb(41,73,249)
```

Tone Color Variation

Below, you can see how #5366ce 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

#6c6c6c Achromatopsia 0.005% of the population
#676b80 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3772d5 Protanopia 1% of men
#0078c7 Deuteranopia 1% of men
#2f8089 Tritanopia 0.001% of the population

Trichromacy

#416ed2 Protanomaly 1% of men, 0.01% of women
#1e71ca Deuteranomaly 6% of men, 0.4% of women
#3c76a2 Tritanomaly 0.01% of the population

#5366ce hex color

#5366ce Color Information

#5366ce Color Conversion

Color Schemes with #5366ce

Alternatives to #5366ce

#5366ce Preview

Shades and Tints of #5366ce

Tones of #5366ce

Color Blindness Simulator