#5535f2 hex color

In a RGB color space, hex #5535f2 is composed of 33.3% red, 20.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 64.9% cyan, 78.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 250.2 degrees, a saturation of 87.9% and a lightness of 57.8%. #5535f2 color hex could be obtained by blending #aa6aff with #0000e5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 33
- G 21
- B 95
RGB color chart
- C 65
- M 78
- Y 0
- K 5
CMYK color chart

● #5535f2 color description : Bright blue.

The hexadecimal color #5535f2 has RGB values of R:85, G:53, B:242 and CMYK values of C:0.65, M:0.78, Y:0, K:0.05. Its decimal value is 5584370.

Hex triplet	5535f2	`#5535f2`
RGB Decimal	85, 53, 242	`rgb(85,53,242)`
RGB Percent	33.3, 20.8, 94.9	`rgb(33.3%,20.8%,94.9%)`
CMYK	65, 78, 0, 5
HSL	250.2°, 87.9, 57.8	`hsl(250.2,87.9%,57.8%)`
HSV (or HSB)	250.2°, 78.1, 94.9
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.39, 63.729, -88.649
XYZ	21.043, 10.887, 84.992
xyY	0.18, 0.093, 10.887
CIE-LCH	39.39, 109.179, 305.712
CIE-LUV	39.39, -3.198, -125.611
Hunter-Lab	32.996, 56.096, -129.624
Binary	01010101, 00110101, 11110010

#5535f2
```
#5535f2 rgb(85,53,242)
```
#d2f235
```
#d2f235 rgb(210,242,53)
```

Complementary Color

#3574f2
```
#3574f2 rgb(53,116,242)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#b435f2
```
#b435f2 rgb(180,53,242)
```

Analogous Color

#74f235
```
#74f235 rgb(116,242,53)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#f2b435
```
#f2b435 rgb(242,180,53)
```

Split Complementary Color

#35f255
```
#35f255 rgb(53,242,85)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#f25535
```
#f25535 rgb(242,85,53)
```

Triadic Color

#35d2f2
```
#35d2f2 rgb(53,210,242)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#f25535
```
#f25535 rgb(242,85,53)
```
#d2f235
```
#d2f235 rgb(210,242,53)
```

Tetradic Color

#2e0dcd
```
#2e0dcd rgb(46,13,205)
```
#330fe5
```
#330fe5 rgb(51,15,229)
```
#411df0
```
#411df0 rgb(65,29,240)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#694df4
```
#694df4 rgb(105,77,244)
```
#7d65f5
```
#7d65f5 rgb(125,101,245)
```
#917df7
```
#917df7 rgb(145,125,247)
```

Monochromatic Color

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

#3544f2
```
#3544f2 rgb(53,68,242)
```
#3535f2
```
#3535f2 rgb(53,53,242)
```
#4535f2
```
#4535f2 rgb(69,53,242)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#6535f2
```
#6535f2 rgb(101,53,242)
```
#7535f2
```
#7535f2 rgb(117,53,242)
```
#8435f2
```
#8435f2 rgb(132,53,242)
```

Similar Colors

Text with hexadecimal color #5535f2

This text has a font color of #5535f2.

<span style="color:#5535f2;">Text here</span>

#5535f2 background color

This paragraph has a background color of #5535f2.

<p style="background-color:#5535f2;">Content here</p>

#5535f2 border color

This element has a border color of #5535f2.

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

CSS codes

.text {color:#5535f2;}

.background {background-color:#5535f2;}

.border {border:1px solid #5535f2;}

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 #f0edfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#040113
```
#040113 rgb(4,1,19)
```
#080226
```
#080226 rgb(8,2,38)
```
#0c0438
```
#0c0438 rgb(12,4,56)
```
#11054a
```
#11054a rgb(17,5,74)
```
#15065d
```
#15065d rgb(21,6,93)
```
#19076f
```
#19076f rgb(25,7,111)
```
#1d0882
```
#1d0882 rgb(29,8,130)
```
#210a94
```
#210a94 rgb(33,10,148)
```
#250ba7
```
#250ba7 rgb(37,11,167)
```
#290cb9
```
#290cb9 rgb(41,12,185)
```
#2d0dcb
```
#2d0dcb rgb(45,13,203)
```
#310ede
```
#310ede rgb(49,14,222)
```

Shade Color Variation

#3610f0
```
#3610f0 rgb(54,16,240)
```
#4523f1
```
#4523f1 rgb(69,35,241)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#6547f3
```
#6547f3 rgb(101,71,243)
```
#745af4
```
#745af4 rgb(116,90,244)
```
#846cf6
```
#846cf6 rgb(132,108,246)
```
#937ff7
```
#937ff7 rgb(147,127,247)
```
#a391f8
```
#a391f8 rgb(163,145,248)
```
#b2a4f9
```
#b2a4f9 rgb(178,164,249)
```
#c2b6fa
```
#c2b6fa rgb(194,182,250)
```
#d1c8fb
```
#d1c8fb rgb(209,200,251)
```
#e1dbfd
```
#e1dbfd rgb(225,219,253)
```
#f0edfe
```
#f0edfe rgb(240,237,254)
```

Tint Color Variation

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

#919097
```
#919097 rgb(145,144,151)
```
#8c889f
```
#8c889f rgb(140,136,159)
```
#867fa8
```
#867fa8 rgb(134,127,168)
```
#8177b0
```
#8177b0 rgb(129,119,176)
```
#7b6fb8
```
#7b6fb8 rgb(123,111,184)
```
#7667c0
```
#7667c0 rgb(118,103,192)
```
#705ec9
```
#705ec9 rgb(112,94,201)
```
#6b56d1
```
#6b56d1 rgb(107,86,209)
```
#654ed9
```
#654ed9 rgb(101,78,217)
```
#6046e1
```
#6046e1 rgb(96,70,225)
```
#5a3dea
```
#5a3dea rgb(90,61,234)
```
#5535f2
```
#5535f2 rgb(85,53,242)
```
#502dfa
```
#502dfa rgb(80,45,250)
```

Tone Color Variation

Below, you can see how #5535f2 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

#545454 Achromatopsia 0.005% of the population
#544e74 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062bf Protanopia 1% of men
#0068a5 Deuteranopia 1% of men
#006f75 Tritanopia 0.001% of the population

Trichromacy

#1e51d1 Protanomaly 1% of men, 0.01% of women
#1e55c1 Deuteranomaly 6% of men, 0.4% of women
#1e5aa3 Tritanomaly 0.01% of the population

#5535f2 hex color

#5535f2 Color Information

#5535f2 Color Conversion

Color Schemes with #5535f2

Alternatives to #5535f2

#5535f2 Preview

Shades and Tints of #5535f2

Tones of #5535f2

Color Blindness Simulator