#533df2 hex color

In a RGB color space, hex #533df2 is composed of 32.5% red, 23.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 65.7% cyan, 74.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 247.3 degrees, a saturation of 87.4% and a lightness of 59.4%. #533df2 color hex could be obtained by blending #a67aff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 24
- B 95
RGB color chart
- C 66
- M 75
- Y 0
- K 5
CMYK color chart

● #533df2 color description : Bright blue.

The hexadecimal color #533df2 has RGB values of R:83, G:61, B:242 and CMYK values of C:0.66, M:0.75, Y:0, K:0.05. Its decimal value is 5455346.

Hex triplet	533df2	`#533df2`
RGB Decimal	83, 61, 242	`rgb(83,61,242)`
RGB Percent	32.5, 23.9, 94.9	`rgb(32.5%,23.9%,94.9%)`
CMYK	66, 75, 0, 5
HSL	247.3°, 87.4, 59.4	`hsl(247.3,87.4%,59.4%)`
HSV (or HSB)	247.3°, 74.8, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	40.551, 59.76, -86.737
XYZ	21.26, 11.586, 85.116
xyY	0.18, 0.098, 11.586
CIE-LCH	40.551, 105.33, 304.566
CIE-LUV	40.551, -4.761, -124.841
Hunter-Lab	34.039, 51.92, -124.431
Binary	01010011, 00111101, 11110010

#533df2
```
#533df2 rgb(83,61,242)
```
#dcf23d
```
#dcf23d rgb(220,242,61)
```

Complementary Color

#3d82f2
```
#3d82f2 rgb(61,130,242)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#ae3df2
```
#ae3df2 rgb(174,61,242)
```

Analogous Color

#82f23d
```
#82f23d rgb(130,242,61)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#f2ae3d
```
#f2ae3d rgb(242,174,61)
```

Split Complementary Color

#3df253
```
#3df253 rgb(61,242,83)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#f2533d
```
#f2533d rgb(242,83,61)
```

Triadic Color

#3ddcf2
```
#3ddcf2 rgb(61,220,242)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#f2533d
```
#f2533d rgb(242,83,61)
```
#dcf23d
```
#dcf23d rgb(220,242,61)
```

Tetradic Color

#260ed4
```
#260ed4 rgb(38,14,212)
```
#2b10ec
```
#2b10ec rgb(43,16,236)
```
#3e25f0
```
#3e25f0 rgb(62,37,240)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#6855f4
```
#6855f4 rgb(104,85,244)
```
#7d6df5
```
#7d6df5 rgb(125,109,245)
```
#9385f7
```
#9385f7 rgb(147,133,247)
```

Monochromatic Color

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

#3d54f2
```
#3d54f2 rgb(61,84,242)
```
#3d45f2
```
#3d45f2 rgb(61,69,242)
```
#443df2
```
#443df2 rgb(68,61,242)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#623df2
```
#623df2 rgb(98,61,242)
```
#713df2
```
#713df2 rgb(113,61,242)
```
#803df2
```
#803df2 rgb(128,61,242)
```

Similar Colors

Text with hexadecimal color #533df2

This text has a font color of #533df2.

<span style="color:#533df2;">Text here</span>

#533df2 background color

This paragraph has a background color of #533df2.

<p style="background-color:#533df2;">Content here</p>

#533df2 border color

This element has a border color of #533df2.

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

CSS codes

.text {color:#533df2;}

.background {background-color:#533df2;}

.border {border:1px solid #533df2;}

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

#010108
```
#010108 rgb(1,1,8)
```
#05021b
```
#05021b rgb(5,2,27)
```
#08032d
```
#08032d rgb(8,3,45)
```
#0b043f
```
#0b043f rgb(11,4,63)
```
#0f0552
```
#0f0552 rgb(15,5,82)
```
#120764
```
#120764 rgb(18,7,100)
```
#150877
```
#150877 rgb(21,8,119)
```
#190989
```
#190989 rgb(25,9,137)
```
#1c0a9b
```
#1c0a9b rgb(28,10,155)
```
#1f0cae
```
#1f0cae rgb(31,12,174)
```
#230dc0
```
#230dc0 rgb(35,13,192)
```
#260ed2
```
#260ed2 rgb(38,14,210)
```
#290fe5
```
#290fe5 rgb(41,15,229)
```

Shade Color Variation

#3218f0
```
#3218f0 rgb(50,24,240)
```
#432bf1
```
#432bf1 rgb(67,43,241)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#634ff3
```
#634ff3 rgb(99,79,243)
```
#7462f4
```
#7462f4 rgb(116,98,244)
```
#8474f6
```
#8474f6 rgb(132,116,246)
```
#9487f7
```
#9487f7 rgb(148,135,247)
```
#a499f8
```
#a499f8 rgb(164,153,248)
```
#b5abf9
```
#b5abf9 rgb(181,171,249)
```
#c5befb
```
#c5befb rgb(197,190,251)
```
#d5d0fc
```
#d5d0fc rgb(213,208,252)
```
#e6e2fd
```
#e6e2fd rgb(230,226,253)
```
#f6f5fe
```
#f6f5fe rgb(246,245,254)
```

Tint Color Variation

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

#95959a
```
#95959a rgb(149,149,154)
```
#8f8da2
```
#8f8da2 rgb(143,141,162)
```
#8985aa
```
#8985aa rgb(137,133,170)
```
#837db2
```
#837db2 rgb(131,125,178)
```
#7d75ba
```
#7d75ba rgb(125,117,186)
```
#776dc2
```
#776dc2 rgb(119,109,194)
```
#7165ca
```
#7165ca rgb(113,101,202)
```
#6b5dd2
```
#6b5dd2 rgb(107,93,210)
```
#6555da
```
#6555da rgb(101,85,218)
```
#5f4de2
```
#5f4de2 rgb(95,77,226)
```
#5945ea
```
#5945ea rgb(89,69,234)
```
#533df2
```
#533df2 rgb(83,61,242)
```
#4d35fa
```
#4d35fa rgb(77,53,250)
```

Tone Color Variation

Below, you can see how #533df2 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

#585858 Achromatopsia 0.005% of the population
#575377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007278 Tritanopia 0.001% of the population

Trichromacy

#1e56d4 Protanomaly 1% of men, 0.01% of women
#1e5ac4 Deuteranomaly 6% of men, 0.4% of women
#1e5ea4 Tritanomaly 0.01% of the population

#533df2 hex color

#533df2 Color Information

#533df2 Color Conversion

Color Schemes with #533df2

Alternatives to #533df2

#533df2 Preview

Shades and Tints of #533df2

Tones of #533df2

Color Blindness Simulator