#5343ff hex color

In a RGB color space, hex #5343ff is composed of 32.5% red, 26.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 73.7% magenta, 0% yellow and 0% black. It has a hue angle of 245.1 degrees, a saturation of 100% and a lightness of 63.1%. #5343ff color hex could be obtained by blending #a686ff with #0000ff. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 26
- B 100
RGB color chart
- C 67
- M 74
- Y 0
- K 0
CMYK color chart

● #5343ff color description : Light blue.

The hexadecimal color #5343ff has RGB values of R:83, G:67, B:255 and CMYK values of C:0.67, M:0.74, Y:0, K:0. Its decimal value is 5456895.

Hex triplet	5343ff	`#5343ff`
RGB Decimal	83, 67, 255	`rgb(83,67,255)`
RGB Percent	32.5, 26.3, 100	`rgb(32.5%,26.3%,100%)`
CMYK	67, 74, 0, 0
HSL	245.1°, 100, 63.1	`hsl(245.1,100%,63.1%)`
HSV (or HSB)	245.1°, 73.7, 100
Web Safe	6633ff	`#6633ff`

CIE-LAB	42.872, 60.599, -90.196
XYZ	23.621, 13.072, 95.881
xyY	0.178, 0.099, 13.072
CIE-LCH	42.872, 108.663, 303.896
CIE-LUV	42.872, -6.47, -131.778
Hunter-Lab	36.155, 53.345, -131.923
Binary	01010011, 01000011, 11111111

#5343ff
```
#5343ff rgb(83,67,255)
```
#efff43
```
#efff43 rgb(239,255,67)
```

Complementary Color

#4391ff
```
#4391ff rgb(67,145,255)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#b143ff
```
#b143ff rgb(177,67,255)
```

Analogous Color

#91ff43
```
#91ff43 rgb(145,255,67)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#ffb143
```
#ffb143 rgb(255,177,67)
```

Split Complementary Color

#43ff53
```
#43ff53 rgb(67,255,83)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#ff5343
```
#ff5343 rgb(255,83,67)
```

Triadic Color

#43efff
```
#43efff rgb(67,239,255)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#ff5343
```
#ff5343 rgb(255,83,67)
```
#efff43
```
#efff43 rgb(239,255,67)
```

Tetradic Color

#1500f6
```
#1500f6 rgb(21,0,246)
```
#2410ff
```
#2410ff rgb(36,16,255)
```
#3c2aff
```
#3c2aff rgb(60,42,255)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#6a5dff
```
#6a5dff rgb(106,93,255)
```
#8276ff
```
#8276ff rgb(130,118,255)
```
#9990ff
```
#9990ff rgb(153,144,255)
```

Monochromatic Color

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

#4362ff
```
#4362ff rgb(67,98,255)
```
#4352ff
```
#4352ff rgb(67,82,255)
```
#4343ff
```
#4343ff rgb(67,67,255)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#6343ff
```
#6343ff rgb(99,67,255)
```
#7243ff
```
#7243ff rgb(114,67,255)
```
#8243ff
```
#8243ff rgb(130,67,255)
```

Similar Colors

Text with hexadecimal color #5343ff

This text has a font color of #5343ff.

<span style="color:#5343ff;">Text here</span>

#5343ff background color

This paragraph has a background color of #5343ff.

<p style="background-color:#5343ff;">Content here</p>

#5343ff border color

This element has a border color of #5343ff.

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

CSS codes

.text {color:#5343ff;}

.background {background-color:#5343ff;}

.border {border:1px solid #5343ff;}

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

#010008
```
#010008 rgb(1,0,8)
```
#02001c
```
#02001c rgb(2,0,28)
```
#04002f
```
#04002f rgb(4,0,47)
```
#060043
```
#060043 rgb(6,0,67)
```
#070057
```
#070057 rgb(7,0,87)
```
#09006a
```
#09006a rgb(9,0,106)
```
#0b007e
```
#0b007e rgb(11,0,126)
```
#0c0091
```
#0c0091 rgb(12,0,145)
```
#0e00a5
```
#0e00a5 rgb(14,0,165)
```
#1000b9
```
#1000b9 rgb(16,0,185)
```
#1100cc
```
#1100cc rgb(17,0,204)
```
#1300e0
```
#1300e0 rgb(19,0,224)
```
#1500f4
```
#1500f4 rgb(21,0,244)
```

Shade Color Variation

#1d08ff
```
#1d08ff rgb(29,8,255)
```
#2f1cff
```
#2f1cff rgb(47,28,255)
```
#412fff
```
#412fff rgb(65,47,255)
```
#5343ff
```
#5343ff rgb(83,67,255)
```
#6557ff
```
#6557ff rgb(101,87,255)
```
#776aff
```
#776aff rgb(119,106,255)
```
#897eff
```
#897eff rgb(137,126,255)
```
#9b91ff
```
#9b91ff rgb(155,145,255)
```
#ada5ff
```
#ada5ff rgb(173,165,255)
```
#bfb9ff
```
#bfb9ff rgb(191,185,255)
```
#d1ccff
```
#d1ccff rgb(209,204,255)
```
#e3e0ff
```
#e3e0ff rgb(227,224,255)
```
#f5f4ff
```
#f5f4ff rgb(245,244,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9b9aa8 is the less saturated color, while #5343ff is the most saturated one.

#9b9aa8
```
#9b9aa8 rgb(155,154,168)
```
#9593af
```
#9593af rgb(149,147,175)
```
#8f8bb7
```
#8f8bb7 rgb(143,139,183)
```
#8984be
```
#8984be rgb(137,132,190)
```
#837dc5
```
#837dc5 rgb(131,125,197)
```
#7d76cc
```
#7d76cc rgb(125,118,204)
```
#776ed4
```
#776ed4 rgb(119,110,212)
```
#7167db
```
#7167db rgb(113,103,219)
```
#6b60e2
```
#6b60e2 rgb(107,96,226)
```
#6559e9
```
#6559e9 rgb(101,89,233)
```
#5f51f1
```
#5f51f1 rgb(95,81,241)
```
#594af8
```
#594af8 rgb(89,74,248)
```
#5343ff
```
#5343ff rgb(83,67,255)
```

Tone Color Variation

Below, you can see how #5343ff 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
#5b587d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ace Protanopia 1% of men
#0070b3 Deuteranopia 1% of men
#00787e Tritanopia 0.001% of the population

Trichromacy

#1e5be0 Protanomaly 1% of men, 0.01% of women
#1e5fce Deuteranomaly 6% of men, 0.4% of women
#1e64ad Tritanomaly 0.01% of the population

#5343ff hex color

#5343ff Color Information

#5343ff Color Conversion

Color Schemes with #5343ff

Alternatives to #5343ff

#5343ff Preview

Shades and Tints of #5343ff

Tones of #5343ff

Color Blindness Simulator