colorhexa.com

#5348df hex color

In a RGB color space, hex #5348df is composed of 32.5% red, 28.2% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 62.8% cyan, 67.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 244.4 degrees, a saturation of 70.2% and a lightness of 57.8%. #5348df color hex could be obtained by blending #a690ff with #0000bf. Closest websafe color is: #6633cc.

- R 33
- G 28
- B 87
RGB color chart
- C 63
- M 68
- Y 0
- K 13
CMYK color chart

● #5348df color description : Soft blue.

The hexadecimal color #5348df has RGB values of R:83, G:72, B:223 and CMYK values of C:0.63, M:0.68, Y:0, K:0.13. Its decimal value is 5458143.

Hex triplet	5348df	`#5348df`
RGB Decimal	83, 72, 223	`rgb(83,72,223)`
RGB Percent	32.5, 28.2, 87.5	`rgb(32.5%,28.2%,87.5%)`
CMYK	63, 68, 0, 13
HSL	244.4°, 70.2, 57.8	`hsl(244.4,70.2%,57.8%)`
HSV (or HSB)	244.4°, 67.7, 87.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	40.897, 48.135, -75.393
XYZ	19.201, 11.801, 71.074
xyY	0.188, 0.116, 11.801
CIE-LCH	40.897, 89.449, 302.556
CIE-LUV	40.897, -5.449, -111.086
Hunter-Lab	34.352, 39.658, -98.624
Binary	01010011, 01001000, 11011111

#5348df
```
#5348df rgb(83,72,223)
```
#d4df48
```
#d4df48 rgb(212,223,72)
```

Complementary Color

#4889df
```
#4889df rgb(72,137,223)
```
#5348df
```
#5348df rgb(83,72,223)
```
#9f48df
```
#9f48df rgb(159,72,223)
```

Analogous Color

#89df48
```
#89df48 rgb(137,223,72)
```
#5348df
```
#5348df rgb(83,72,223)
```
#df9f48
```
#df9f48 rgb(223,159,72)
```

Split Complementary Color

#48df53
```
#48df53 rgb(72,223,83)
```
#5348df
```
#5348df rgb(83,72,223)
```
#df5348
```
#df5348 rgb(223,83,72)
```

Triadic Color

#48d4df
```
#48d4df rgb(72,212,223)
```
#5348df
```
#5348df rgb(83,72,223)
```
#df5348
```
#df5348 rgb(223,83,72)
```
#d4df48
```
#d4df48 rgb(212,223,72)
```

Tetradic Color

#2c21ba
```
#2c21ba rgb(44,33,186)
```
#3124d0
```
#3124d0 rgb(49,36,208)
```
#3f32db
```
#3f32db rgb(63,50,219)
```
#5348df
```
#5348df rgb(83,72,223)
```
#675ee3
```
#675ee3 rgb(103,94,227)
```
#7c73e7
```
#7c73e7 rgb(124,115,231)
```
#9089ea
```
#9089ea rgb(144,137,234)
```

Monochromatic Color

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

#4863df
```
#4863df rgb(72,99,223)
```
#4856df
```
#4856df rgb(72,86,223)
```
#484adf
```
#484adf rgb(72,74,223)
```
#5348df
```
#5348df rgb(83,72,223)
```
#6048df
```
#6048df rgb(96,72,223)
```
#6c48df
```
#6c48df rgb(108,72,223)
```
#7948df
```
#7948df rgb(121,72,223)
```

Similar Colors

Text with hexadecimal color #5348df

This text has a font color of #5348df.

<span style="color:#5348df;">Text here</span>

#5348df background color

This paragraph has a background color of #5348df.

<p style="background-color:#5348df;">Content here</p>

#5348df border color

This element has a border color of #5348df.

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

CSS codes

.text {color:#5348df;}

.background {background-color:#5348df;}

.border {border:1px solid #5348df;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040311
```
#040311 rgb(4,3,17)
```
#080622
```
#080622 rgb(8,6,34)
```
#0c0933
```
#0c0933 rgb(12,9,51)
```
#100c43
```
#100c43 rgb(16,12,67)
```
#140f54
```
#140f54 rgb(20,15,84)
```
#181265
```
#181265 rgb(24,18,101)
```
#1c1576
```
#1c1576 rgb(28,21,118)
```
#201786
```
#201786 rgb(32,23,134)
```
#231a97
```
#231a97 rgb(35,26,151)
```
#271da8
```
#271da8 rgb(39,29,168)
```
#2b20b8
```
#2b20b8 rgb(43,32,184)
```
#2f23c9
```
#2f23c9 rgb(47,35,201)
```

Shade Color Variation

#3427d9
```
#3427d9 rgb(52,39,217)
```
#4337dc
```
#4337dc rgb(67,55,220)
```
#5348df
```
#5348df rgb(83,72,223)
```
#6359e2
```
#6359e2 rgb(99,89,226)
```
#7269e5
```
#7269e5 rgb(114,105,229)
```
#827ae8
```
#827ae8 rgb(130,122,232)
```
#928beb
```
#928beb rgb(146,139,235)
```
#a19bee
```
#a19bee rgb(161,155,238)
```
#b1acf1
```
#b1acf1 rgb(177,172,241)
```
#c1bdf3
```
#c1bdf3 rgb(193,189,243)
```
#d1cef6
```
#d1cef6 rgb(209,206,246)
```
#e0def9
```
#e0def9 rgb(224,222,249)
```
#f0effc
```
#f0effc rgb(240,239,252)
```

Tint Color Variation

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

#939295
```
#939295 rgb(147,146,149)
```
#8c8a9d
```
#8c8a9d rgb(140,138,157)
```
#8482a5
```
#8482a5 rgb(132,130,165)
```
#7d7aad
```
#7d7aad rgb(125,122,173)
```
#7671b6
```
#7671b6 rgb(118,113,182)
```
#6f69be
```
#6f69be rgb(111,105,190)
```
#6861c6
```
#6861c6 rgb(104,97,198)
```
#6159ce
```
#6159ce rgb(97,89,206)
```
#5a50d7
```
#5a50d7 rgb(90,80,215)
```
#5348df
```
#5348df rgb(83,72,223)
```
#4c40e7
```
#4c40e7 rgb(76,64,231)
```
#4537f0
```
#4537f0 rgb(69,55,240)
```
#3e2ff8
```
#3e2ff8 rgb(62,47,248)
```

Tone Color Variation

Below, you can see how #5348df 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

#5d5d5d Achromatopsia 0.005% of the population
#5b5977 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006bac Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#1e5acf Protanomaly 1% of men, 0.01% of women
#1e5ebf Deuteranomaly 6% of men, 0.4% of women
#1e639f Tritanomaly 0.01% of the population