#5366c6 hex color

In a RGB color space, hex #5366c6 is composed of 32.5% red, 40% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 48.5% magenta, 0% yellow and 22.4% black. It has a hue angle of 230.1 degrees, a saturation of 50.2% and a lightness of 55.1%. #5366c6 color hex could be obtained by blending #a6ccff with #00008d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 40
- B 78
RGB color chart
- C 58
- M 48
- Y 0
- K 22
CMYK color chart

● #5366c6 color description : Moderate blue.

The hexadecimal color #5366c6 has RGB values of R:83, G:102, B:198 and CMYK values of C:0.58, M:0.48, Y:0, K:0.22. Its decimal value is 5465798.

Hex triplet	5366c6	`#5366c6`
RGB Decimal	83, 102, 198	`rgb(83,102,198)`
RGB Percent	32.5, 40, 77.6	`rgb(32.5%,40%,77.6%)`
CMYK	58, 48, 0, 22
HSL	230.1°, 50.2, 55.1	`hsl(230.1,50.2%,55.1%)`
HSV (or HSB)	230.1°, 58.1, 77.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.202, 21.706, -52.445
XYZ	18.51, 15.418, 55.424
xyY	0.207, 0.173, 15.418
CIE-LCH	46.202, 56.759, 292.484
CIE-LUV	46.202, -11.943, -80.972
Hunter-Lab	39.266, 15.428, -56.201
Binary	01010011, 01100110, 11000110

#5366c6
```
#5366c6 rgb(83,102,198)
```
#c6b353
```
#c6b353 rgb(198,179,83)
```

Complementary Color

#53a0c6
```
#53a0c6 rgb(83,160,198)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#7a53c6
```
#7a53c6 rgb(122,83,198)
```

Analogous Color

#a0c653
```
#a0c653 rgb(160,198,83)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#c67a53
```
#c67a53 rgb(198,122,83)
```

Split Complementary Color

#66c653
```
#66c653 rgb(102,198,83)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#c65366
```
#c65366 rgb(198,83,102)
```

Triadic Color

#53c6b3
```
#53c6b3 rgb(83,198,179)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#c65366
```
#c65366 rgb(198,83,102)
```
#c6b353
```
#c6b353 rgb(198,179,83)
```

Tetradic Color

#33449a
```
#33449a rgb(51,68,154)
```
#394cad
```
#394cad rgb(57,76,173)
```
#4055c0
```
#4055c0 rgb(64,85,192)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#6677cc
```
#6677cc rgb(102,119,204)
```
#7988d3
```
#7988d3 rgb(121,136,211)
```
#8c99d9
```
#8c99d9 rgb(140,153,217)
```

Monochromatic Color

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

#5383c6
```
#5383c6 rgb(83,131,198)
```
#5379c6
```
#5379c6 rgb(83,121,198)
```
#5370c6
```
#5370c6 rgb(83,112,198)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#535cc6
```
#535cc6 rgb(83,92,198)
```
#5353c6
```
#5353c6 rgb(83,83,198)
```
#5d53c6
```
#5d53c6 rgb(93,83,198)
```

Similar Colors

Text with hexadecimal color #5366c6

This text has a font color of #5366c6.

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

#5366c6 background color

This paragraph has a background color of #5366c6.

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

#5366c6 border color

This element has a border color of #5366c6.

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

CSS codes

.text {color:#5366c6;}

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

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

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

#020205
```
#020205 rgb(2,2,5)
```
#060914
```
#060914 rgb(6,9,20)
```
#0b0f22
```
#0b0f22 rgb(11,15,34)
```
#101631
```
#101631 rgb(16,22,49)
```
#151c40
```
#151c40 rgb(21,28,64)
```
#1a234e
```
#1a234e rgb(26,35,78)
```
#1f295d
```
#1f295d rgb(31,41,93)
```
#24306c
```
#24306c rgb(36,48,108)
```
#29367b
```
#29367b rgb(41,54,123)
```
#2e3d89
```
#2e3d89 rgb(46,61,137)
```
#324398
```
#324398 rgb(50,67,152)
```
#374aa7
```
#374aa7 rgb(55,74,167)
```
#3c50b6
```
#3c50b6 rgb(60,80,182)
```

Shade Color Variation

#4459c1
```
#4459c1 rgb(68,89,193)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#6273cb
```
#6273cb rgb(98,115,203)
```
#7080d0
```
#7080d0 rgb(112,128,208)
```
#7f8dd5
```
#7f8dd5 rgb(127,141,213)
```
#8e9ada
```
#8e9ada rgb(142,154,218)
```
#9da8de
```
#9da8de rgb(157,168,222)
```
#abb5e3
```
#abb5e3 rgb(171,181,227)
```
#bac2e8
```
#bac2e8 rgb(186,194,232)
```
#c9cfed
```
#c9cfed rgb(201,207,237)
```
#d8dcf2
```
#d8dcf2 rgb(216,220,242)
```
#e6e9f7
```
#e6e9f7 rgb(230,233,247)
```
#f5f6fc
```
#f5f6fc rgb(245,246,252)
```

Tint Color Variation

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

#888991
```
#888991 rgb(136,137,145)
```
#7f839a
```
#7f839a rgb(127,131,154)
```
#767ea3
```
#767ea3 rgb(118,126,163)
```
#6d78ac
```
#6d78ac rgb(109,120,172)
```
#6572b4
```
#6572b4 rgb(101,114,180)
```
#5c6cbd
```
#5c6cbd rgb(92,108,189)
```
#5366c6
```
#5366c6 rgb(83,102,198)
```
#4a60cf
```
#4a60cf rgb(74,96,207)
```
#415ad8
```
#415ad8 rgb(65,90,216)
```
#3954e0
```
#3954e0 rgb(57,84,224)
```
#304ee9
```
#304ee9 rgb(48,78,233)
```
#2749f2
```
#2749f2 rgb(39,73,242)
```
#1e43fb
```
#1e43fb rgb(30,67,251)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#666a7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4072cc Protanopia 1% of men
#1a76c5 Deuteranopia 1% of men
#377e87 Tritanopia 0.001% of the population

Trichromacy

#476dca Protanomaly 1% of men, 0.01% of women
#2e70c5 Deuteranomaly 6% of men, 0.4% of women
#41759e Tritanomaly 0.01% of the population

#5366c6 hex color

#5366c6 Color Information

#5366c6 Color Conversion

Color Schemes with #5366c6

Alternatives to #5366c6

#5366c6 Preview

Shades and Tints of #5366c6

Tones of #5366c6

Color Blindness Simulator