#5336fd hex color

In a RGB color space, hex #5336fd is composed of 32.5% red, 21.2% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 78.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 248.7 degrees, a saturation of 98% and a lightness of 60.2%. #5336fd color hex could be obtained by blending #a66cff with #0000fb. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 21
- B 99
RGB color chart
- C 67
- M 79
- Y 0
- K 1
CMYK color chart

● #5336fd color description : Bright blue.

The hexadecimal color #5336fd has RGB values of R:83, G:54, B:253 and CMYK values of C:0.67, M:0.79, Y:0, K:0.01. Its decimal value is 5453565.

Hex triplet	5336fd	`#5336fd`
RGB Decimal	83, 54, 253	`rgb(83,54,253)`
RGB Percent	32.5, 21.2, 99.2	`rgb(32.5%,21.2%,99.2%)`
CMYK	67, 79, 0, 1
HSL	248.7°, 98, 60.2	`hsl(248.7,98%,60.2%)`
HSV (or HSB)	248.7°, 78.7, 99.2
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.521, 66.193, -92.963
XYZ	22.613, 11.568, 93.964
xyY	0.176, 0.09, 11.568
CIE-LCH	40.521, 114.121, 305.452
CIE-LUV	40.521, -4.543, -131.978
Hunter-Lab	34.012, 59.154, -139.992
Binary	01010011, 00110110, 11111101

#5336fd
```
#5336fd rgb(83,54,253)
```
#e0fd36
```
#e0fd36 rgb(224,253,54)
```

Complementary Color

#367dfd
```
#367dfd rgb(54,125,253)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#b736fd
```
#b736fd rgb(183,54,253)
```

Analogous Color

#7dfd36
```
#7dfd36 rgb(125,253,54)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#fdb736
```
#fdb736 rgb(253,183,54)
```

Split Complementary Color

#36fd53
```
#36fd53 rgb(54,253,83)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#fd5336
```
#fd5336 rgb(253,83,54)
```

Triadic Color

#36e0fd
```
#36e0fd rgb(54,224,253)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#fd5336
```
#fd5336 rgb(253,83,54)
```
#e0fd36
```
#e0fd36 rgb(224,253,54)
```

Tetradic Color

#2302e4
```
#2302e4 rgb(35,2,228)
```
#2804fc
```
#2804fc rgb(40,4,252)
```
#3d1dfd
```
#3d1dfd rgb(61,29,253)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#694ffd
```
#694ffd rgb(105,79,253)
```
#7e68fe
```
#7e68fe rgb(126,104,254)
```
#9482fe
```
#9482fe rgb(148,130,254)
```

Monochromatic Color

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

#364bfd
```
#364bfd rgb(54,75,253)
```
#363afd
```
#363afd rgb(54,58,253)
```
#4236fd
```
#4236fd rgb(66,54,253)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#6436fd
```
#6436fd rgb(100,54,253)
```
#7436fd
```
#7436fd rgb(116,54,253)
```
#8536fd
```
#8536fd rgb(133,54,253)
```

Similar Colors

Text with hexadecimal color #5336fd

This text has a font color of #5336fd.

<span style="color:#5336fd;">Text here</span>

#5336fd background color

This paragraph has a background color of #5336fd.

<p style="background-color:#5336fd;">Content here</p>

#5336fd border color

This element has a border color of #5336fd.

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

CSS codes

.text {color:#5336fd;}

.background {background-color:#5336fd;}

.border {border:1px solid #5336fd;}

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, #02000d is the darkest color, while #f9f8ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#050020
```
#050020 rgb(5,0,32)
```
#080133
```
#080133 rgb(8,1,51)
```
#0b0147
```
#0b0147 rgb(11,1,71)
```
#0e015a
```
#0e015a rgb(14,1,90)
```
#11016e
```
#11016e rgb(17,1,110)
```
#140181
```
#140181 rgb(20,1,129)
```
#170195
```
#170195 rgb(23,1,149)
```
#1a02a8
```
#1a02a8 rgb(26,2,168)
```
#1d02bb
```
#1d02bb rgb(29,2,187)
```
#2002cf
```
#2002cf rgb(32,2,207)
```
#2302e2
```
#2302e2 rgb(35,2,226)
```
#2602f6
```
#2602f6 rgb(38,2,246)
```

Shade Color Variation

#320ffd
```
#320ffd rgb(50,15,253)
```
#4223fd
```
#4223fd rgb(66,35,253)
```
#5336fd
```
#5336fd rgb(83,54,253)
```
#6449fd
```
#6449fd rgb(100,73,253)
```
#745dfd
```
#745dfd rgb(116,93,253)
```
#8570fe
```
#8570fe rgb(133,112,254)
```
#9584fe
```
#9584fe rgb(149,132,254)
```
#a697fe
```
#a697fe rgb(166,151,254)
```
#b7abfe
```
#b7abfe rgb(183,171,254)
```
#c7befe
```
#c7befe rgb(199,190,254)
```
#d8d1ff
```
#d8d1ff rgb(216,209,255)
```
#e9e5ff
```
#e9e5ff rgb(233,229,255)
```
#f9f8ff
```
#f9f8ff rgb(249,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #95949f is the less saturated color, while #5336fd is the most saturated one.

#95949f
```
#95949f rgb(149,148,159)
```
#908ca7
```
#908ca7 rgb(144,140,167)
```
#8a84af
```
#8a84af rgb(138,132,175)
```
#857cb7
```
#857cb7 rgb(133,124,183)
```
#7f74bf
```
#7f74bf rgb(127,116,191)
```
#7a6dc6
```
#7a6dc6 rgb(122,109,198)
```
#7465ce
```
#7465ce rgb(116,101,206)
```
#6f5dd6
```
#6f5dd6 rgb(111,93,214)
```
#6955de
```
#6955de rgb(105,85,222)
```
#644de6
```
#644de6 rgb(100,77,230)
```
#5e46ed
```
#5e46ed rgb(94,70,237)
```
#593ef5
```
#593ef5 rgb(89,62,245)
```
#5336fd
```
#5336fd rgb(83,54,253)
```

Tone Color Variation

Below, you can see how #5336fd 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
#554f77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c3 Protanopia 1% of men
#006aa9 Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#1e53d8 Protanomaly 1% of men, 0.01% of women
#1e57c8 Deuteranomaly 6% of men, 0.4% of women
#1e5ca8 Tritanomaly 0.01% of the population

#5336fd hex color

#5336fd Color Information

#5336fd Color Conversion

Color Schemes with #5336fd

Alternatives to #5336fd

#5336fd Preview

Shades and Tints of #5336fd

Tones of #5336fd

Color Blindness Simulator