#5338f6 hex color

In a RGB color space, hex #5338f6 is composed of 32.5% red, 22% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 77.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 248.5 degrees, a saturation of 91.3% and a lightness of 59.2%. #5338f6 color hex could be obtained by blending #a670ff with #0000ed. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 22
- B 96
RGB color chart
- C 66
- M 77
- Y 0
- K 4
CMYK color chart

● #5338f6 color description : Bright blue.

The hexadecimal color #5338f6 has RGB values of R:83, G:56, B:246 and CMYK values of C:0.66, M:0.77, Y:0, K:0.04. Its decimal value is 5454070.

Hex triplet	5338f6	`#5338f6`
RGB Decimal	83, 56, 246	`rgb(83,56,246)`
RGB Percent	32.5, 22, 96.5	`rgb(32.5%,22%,96.5%)`
CMYK	66, 77, 0, 4
HSL	248.5°, 91.3, 59.2	`hsl(248.5,91.3%,59.2%)`
HSV (or HSB)	248.5°, 77.2, 96.5
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.115, 63.31, -89.709
XYZ	21.613, 11.32, 88.23
xyY	0.178, 0.093, 11.32
CIE-LCH	40.115, 109.799, 305.212
CIE-LUV	40.115, -4.327, -127.746
Hunter-Lab	33.645, 55.783, -131.927
Binary	01010011, 00111000, 11110110

#5338f6
```
#5338f6 rgb(83,56,246)
```
#dbf638
```
#dbf638 rgb(219,246,56)
```

Complementary Color

#387cf6
```
#387cf6 rgb(56,124,246)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#b238f6
```
#b238f6 rgb(178,56,246)
```

Analogous Color

#7cf638
```
#7cf638 rgb(124,246,56)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#f6b238
```
#f6b238 rgb(246,178,56)
```

Split Complementary Color

#38f653
```
#38f653 rgb(56,246,83)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#f65338
```
#f65338 rgb(246,83,56)
```

Triadic Color

#38dbf6
```
#38dbf6 rgb(56,219,246)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#f65338
```
#f65338 rgb(246,83,56)
```
#dbf638
```
#dbf638 rgb(219,246,56)
```

Tetradic Color

#270ad8
```
#270ad8 rgb(39,10,216)
```
#2b0bf0
```
#2b0bf0 rgb(43,11,240)
```
#3e20f5
```
#3e20f5 rgb(62,32,245)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#6850f7
```
#6850f7 rgb(104,80,247)
```
#7d69f8
```
#7d69f8 rgb(125,105,248)
```
#9281f9
```
#9281f9 rgb(146,129,249)
```

Monochromatic Color

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

#384df6
```
#384df6 rgb(56,77,246)
```
#383df6
```
#383df6 rgb(56,61,246)
```
#4338f6
```
#4338f6 rgb(67,56,246)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#6338f6
```
#6338f6 rgb(99,56,246)
```
#7338f6
```
#7338f6 rgb(115,56,246)
```
#8338f6
```
#8338f6 rgb(131,56,246)
```

Similar Colors

Text with hexadecimal color #5338f6

This text has a font color of #5338f6.

<span style="color:#5338f6;">Text here</span>

#5338f6 background color

This paragraph has a background color of #5338f6.

<p style="background-color:#5338f6;">Content here</p>

#5338f6 border color

This element has a border color of #5338f6.

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

CSS codes

.text {color:#5338f6;}

.background {background-color:#5338f6;}

.border {border:1px solid #5338f6;}

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

#010007
```
#010007 rgb(1,0,7)
```
#05011a
```
#05011a rgb(5,1,26)
```
#08022d
```
#08022d rgb(8,2,45)
```
#0c0340
```
#0c0340 rgb(12,3,64)
```
#0f0452
```
#0f0452 rgb(15,4,82)
```
#120565
```
#120565 rgb(18,5,101)
```
#160578
```
#160578 rgb(22,5,120)
```
#19068b
```
#19068b rgb(25,6,139)
```
#1d079e
```
#1d079e rgb(29,7,158)
```
#2008b0
```
#2008b0 rgb(32,8,176)
```
#2309c3
```
#2309c3 rgb(35,9,195)
```
#270ad6
```
#270ad6 rgb(39,10,214)
```
#2a0be9
```
#2a0be9 rgb(42,11,233)
```

Shade Color Variation

#3312f4
```
#3312f4 rgb(51,18,244)
```
#4325f5
```
#4325f5 rgb(67,37,245)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#634bf7
```
#634bf7 rgb(99,75,247)
```
#735ef8
```
#735ef8 rgb(115,94,248)
```
#8470f9
```
#8470f9 rgb(132,112,249)
```
#9483f9
```
#9483f9 rgb(148,131,249)
```
#a496fa
```
#a496fa rgb(164,150,250)
```
#b4a9fb
```
#b4a9fb rgb(180,169,251)
```
#c5bbfc
```
#c5bbfc rgb(197,187,252)
```
#d5cefd
```
#d5cefd rgb(213,206,253)
```
#e5e1fe
```
#e5e1fe rgb(229,225,254)
```
#f5f4fe
```
#f5f4fe rgb(245,244,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #92909e is the less saturated color, while #4d30fe is the most saturated one.

#92909e
```
#92909e rgb(146,144,158)
```
#8c88a6
```
#8c88a6 rgb(140,136,166)
```
#8780ae
```
#8780ae rgb(135,128,174)
```
#8178b6
```
#8178b6 rgb(129,120,182)
```
#7b70be
```
#7b70be rgb(123,112,190)
```
#7568c6
```
#7568c6 rgb(117,104,198)
```
#7060ce
```
#7060ce rgb(112,96,206)
```
#6a58d6
```
#6a58d6 rgb(106,88,214)
```
#6450de
```
#6450de rgb(100,80,222)
```
#5e48e6
```
#5e48e6 rgb(94,72,230)
```
#5940ee
```
#5940ee rgb(89,64,238)
```
#5338f6
```
#5338f6 rgb(83,56,246)
```
#4d30fe
```
#4d30fe rgb(77,48,254)
```

Tone Color Variation

Below, you can see how #5338f6 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

#565656 Achromatopsia 0.005% of the population
#555076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c2 Protanopia 1% of men
#0069a8 Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#1e54d5 Protanomaly 1% of men, 0.01% of women
#1e57c4 Deuteranomaly 6% of men, 0.4% of women
#1e5ca5 Tritanomaly 0.01% of the population

#5338f6 hex color

#5338f6 Color Information

#5338f6 Color Conversion

Color Schemes with #5338f6

Alternatives to #5338f6

#5338f6 Preview

Shades and Tints of #5338f6

Tones of #5338f6

Color Blindness Simulator