#5342bf hex color

In a RGB color space, hex #5342bf is composed of 32.5% red, 25.9% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 56.5% cyan, 65.4% magenta, 0% yellow and 25.1% black. It has a hue angle of 248.2 degrees, a saturation of 49.4% and a lightness of 50.4%. #5342bf color hex could be obtained by blending #a684ff with #00007f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 33
- G 26
- B 75
RGB color chart
- C 57
- M 65
- Y 0
- K 25
CMYK color chart

● #5342bf color description : Moderate blue.

The hexadecimal color #5342bf has RGB values of R:83, G:66, B:191 and CMYK values of C:0.57, M:0.65, Y:0, K:0.25. Its decimal value is 5456575.

Hex triplet	5342bf	`#5342bf`
RGB Decimal	83, 66, 191	`rgb(83,66,191)`
RGB Percent	32.5, 25.9, 74.9	`rgb(32.5%,25.9%,74.9%)`
CMYK	57, 65, 0, 25
HSL	248.2°, 49.4, 50.4	`hsl(248.2,49.4%,50.4%)`
HSV (or HSB)	248.2°, 65.4, 74.9
Web Safe	6633cc	`#6633cc`

CIE-LAB	36.923, 41.589, -63.396
XYZ	14.918, 9.497, 50.334
xyY	0.2, 0.127, 9.497
CIE-LCH	36.923, 75.821, 303.265
CIE-LUV	36.923, -2.081, -91.763
Hunter-Lab	30.816, 32.48, -75.27
Binary	01010011, 01000010, 10111111

#5342bf
```
#5342bf rgb(83,66,191)
```
#aebf42
```
#aebf42 rgb(174,191,66)
```

Complementary Color

#4270bf
```
#4270bf rgb(66,112,191)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#9242bf
```
#9242bf rgb(146,66,191)
```

Analogous Color

#70bf42
```
#70bf42 rgb(112,191,66)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#bf9242
```
#bf9242 rgb(191,146,66)
```

Split Complementary Color

#42bf53
```
#42bf53 rgb(66,191,83)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#bf5342
```
#bf5342 rgb(191,83,66)
```

Triadic Color

#42aebf
```
#42aebf rgb(66,174,191)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#bf5342
```
#bf5342 rgb(191,83,66)
```
#aebf42
```
#aebf42 rgb(174,191,66)
```

Tetradic Color

#3a2e87
```
#3a2e87 rgb(58,46,135)
```
#42349a
```
#42349a rgb(66,52,154)
```
#4a3bad
```
#4a3bad rgb(74,59,173)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#6455c5
```
#6455c5 rgb(100,85,197)
```
#7668cc
```
#7668cc rgb(118,104,204)
```
#877bd2
```
#877bd2 rgb(135,123,210)
```

Monochromatic Color

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

#4250bf
```
#4250bf rgb(66,80,191)
```
#4246bf
```
#4246bf rgb(66,70,191)
```
#4942bf
```
#4942bf rgb(73,66,191)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#5d42bf
```
#5d42bf rgb(93,66,191)
```
#6842bf
```
#6842bf rgb(104,66,191)
```
#7242bf
```
#7242bf rgb(114,66,191)
```

Similar Colors

Text with hexadecimal color #5342bf

This text has a font color of #5342bf.

<span style="color:#5342bf;">Text here</span>

#5342bf background color

This paragraph has a background color of #5342bf.

<p style="background-color:#5342bf;">Content here</p>

#5342bf border color

This element has a border color of #5342bf.

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

CSS codes

.text {color:#5342bf;}

.background {background-color:#5342bf;}

.border {border:1px solid #5342bf;}

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

#010101
```
#010101 rgb(1,1,1)
```
#070510
```
#070510 rgb(7,5,16)
```
#0d0a1f
```
#0d0a1f rgb(13,10,31)
```
#130f2d
```
#130f2d rgb(19,15,45)
```
#1a143c
```
#1a143c rgb(26,20,60)
```
#20194b
```
#20194b rgb(32,25,75)
```
#261e59
```
#261e59 rgb(38,30,89)
```
#2d2368
```
#2d2368 rgb(45,35,104)
```
#332877
```
#332877 rgb(51,40,119)
```
#392d85
```
#392d85 rgb(57,45,133)
```
#3f3294
```
#3f3294 rgb(63,50,148)
```
#4637a3
```
#4637a3 rgb(70,55,163)
```
#4c3cb1
```
#4c3cb1 rgb(76,60,177)
```

Shade Color Variation

#5342bf
```
#5342bf rgb(83,66,191)
```
#6051c4
```
#6051c4 rgb(96,81,196)
```
#6e5fc9
```
#6e5fc9 rgb(110,95,201)
```
#7b6ece
```
#7b6ece rgb(123,110,206)
```
#887dd3
```
#887dd3 rgb(136,125,211)
```
#968bd8
```
#968bd8 rgb(150,139,216)
```
#a39add
```
#a39add rgb(163,154,221)
```
#b0a9e2
```
#b0a9e2 rgb(176,169,226)
```
#beb7e7
```
#beb7e7 rgb(190,183,231)
```
#cbc6ec
```
#cbc6ec rgb(203,198,236)
```
#d8d5f1
```
#d8d5f1 rgb(216,213,241)
```
#e6e3f6
```
#e6e3f6 rgb(230,227,246)
```
#f3f2fb
```
#f3f2fb rgb(243,242,251)
```

Tint Color Variation

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

#7e7c85
```
#7e7c85 rgb(126,124,133)
```
#76738e
```
#76738e rgb(118,115,142)
```
#6f6998
```
#6f6998 rgb(111,105,152)
```
#685fa2
```
#685fa2 rgb(104,95,162)
```
#6155ac
```
#6155ac rgb(97,85,172)
```
#5a4cb5
```
#5a4cb5 rgb(90,76,181)
```
#5342bf
```
#5342bf rgb(83,66,191)
```
#4c38c9
```
#4c38c9 rgb(76,56,201)
```
#452fd2
```
#452fd2 rgb(69,47,210)
```
#3e25dc
```
#3e25dc rgb(62,37,220)
```
#371be6
```
#371be6 rgb(55,27,230)
```
#3011f0
```
#3011f0 rgb(48,17,240)
```
#2808f9
```
#2808f9 rgb(40,8,249)
```

Tone Color Variation

Below, you can see how #5342bf 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

#555555 Achromatopsia 0.005% of the population
#55516a Atypical Achromatopsia 0.001% of the population

Dichromacy

#005cb5 Protanopia 1% of men
#00619e Deuteranopia 1% of men
#30676e Tritanopia 0.001% of the population

Trichromacy

#1e53b8 Protanomaly 1% of men, 0.01% of women
#1e56aa Deuteranomaly 6% of men, 0.4% of women
#3d598b Tritanomaly 0.01% of the population

#5342bf hex color

#5342bf Color Information

#5342bf Color Conversion

Color Schemes with #5342bf

Alternatives to #5342bf

#5342bf Preview

Shades and Tints of #5342bf

Tones of #5342bf

Color Blindness Simulator