#5367c6 hex color

In a RGB color space, hex #5367c6 is composed of 32.5% red, 40.4% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 48% magenta, 0% yellow and 22.4% black. It has a hue angle of 229.6 degrees, a saturation of 50.2% and a lightness of 55.1%. #5367c6 color hex could be obtained by blending #a6ceff 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

● #5367c6 color description : Moderate blue.

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

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

CIE-LAB	46.466, 21.08, -52.02
XYZ	18.608, 15.616, 55.457
xyY	0.207, 0.174, 15.616
CIE-LCH	46.466, 56.129, 292.059
CIE-LUV	46.466, -12.253, -80.392
Hunter-Lab	39.517, 14.901, -55.544
Binary	01010011, 01100111, 11000110

#5367c6
```
#5367c6 rgb(83,103,198)
```
#c6b253
```
#c6b253 rgb(198,178,83)
```

Complementary Color

#53a1c6
```
#53a1c6 rgb(83,161,198)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#7953c6
```
#7953c6 rgb(121,83,198)
```

Analogous Color

#a1c653
```
#a1c653 rgb(161,198,83)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#c67953
```
#c67953 rgb(198,121,83)
```

Split Complementary Color

#67c653
```
#67c653 rgb(103,198,83)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#c65367
```
#c65367 rgb(198,83,103)
```

Triadic Color

#53c6b2
```
#53c6b2 rgb(83,198,178)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#c65367
```
#c65367 rgb(198,83,103)
```
#c6b253
```
#c6b253 rgb(198,178,83)
```

Tetradic Color

#33459a
```
#33459a rgb(51,69,154)
```
#394dad
```
#394dad rgb(57,77,173)
```
#4056c0
```
#4056c0 rgb(64,86,192)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#6678cc
```
#6678cc rgb(102,120,204)
```
#7989d3
```
#7989d3 rgb(121,137,211)
```
#8c9ad9
```
#8c9ad9 rgb(140,154,217)
```

Monochromatic Color

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

#5384c6
```
#5384c6 rgb(83,132,198)
```
#537ac6
```
#537ac6 rgb(83,122,198)
```
#5371c6
```
#5371c6 rgb(83,113,198)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#535dc6
```
#535dc6 rgb(83,93,198)
```
#5354c6
```
#5354c6 rgb(83,84,198)
```
#5c53c6
```
#5c53c6 rgb(92,83,198)
```

Similar Colors

Text with hexadecimal color #5367c6

This text has a font color of #5367c6.

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

#5367c6 background color

This paragraph has a background color of #5367c6.

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

#5367c6 border color

This element has a border color of #5367c6.

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

CSS codes

.text {color:#5367c6;}

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

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

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)
```
#151d40
```
#151d40 rgb(21,29,64)
```
#1a234e
```
#1a234e rgb(26,35,78)
```
#1f2a5d
```
#1f2a5d rgb(31,42,93)
```
#24306c
```
#24306c rgb(36,48,108)
```
#29377b
```
#29377b rgb(41,55,123)
```
#2e3e89
```
#2e3e89 rgb(46,62,137)
```
#324498
```
#324498 rgb(50,68,152)
```
#374ba7
```
#374ba7 rgb(55,75,167)
```
#3c51b6
```
#3c51b6 rgb(60,81,182)
```

Shade Color Variation

#445ac1
```
#445ac1 rgb(68,90,193)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#6274cb
```
#6274cb rgb(98,116,203)
```
#7081d0
```
#7081d0 rgb(112,129,208)
```
#7f8ed5
```
#7f8ed5 rgb(127,142,213)
```
#8e9bda
```
#8e9bda rgb(142,155,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 #1e45fb is the most saturated one.

#888991
```
#888991 rgb(136,137,145)
```
#7f849a
```
#7f849a rgb(127,132,154)
```
#767ea3
```
#767ea3 rgb(118,126,163)
```
#6d78ac
```
#6d78ac rgb(109,120,172)
```
#6572b4
```
#6572b4 rgb(101,114,180)
```
#5c6dbd
```
#5c6dbd rgb(92,109,189)
```
#5367c6
```
#5367c6 rgb(83,103,198)
```
#4a61cf
```
#4a61cf rgb(74,97,207)
```
#415cd8
```
#415cd8 rgb(65,92,216)
```
#3956e0
```
#3956e0 rgb(57,86,224)
```
#3050e9
```
#3050e9 rgb(48,80,233)
```
#274af2
```
#274af2 rgb(39,74,242)
```
#1e45fb
```
#1e45fb rgb(30,69,251)
```

Tone Color Variation

Below, you can see how #5367c6 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
#676b7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4372cc Protanopia 1% of men
#2077c5 Deuteranopia 1% of men
#387f88 Tritanopia 0.001% of the population

Trichromacy

#486ec9 Protanomaly 1% of men, 0.01% of women
#3271c5 Deuteranomaly 6% of men, 0.4% of women
#41769e Tritanomaly 0.01% of the population

#5367c6 hex color

#5367c6 Color Information

#5367c6 Color Conversion

Color Schemes with #5367c6

Alternatives to #5367c6

#5367c6 Preview

Shades and Tints of #5367c6

Tones of #5367c6

Color Blindness Simulator