#5535f3 hex color

In a RGB color space, hex #5535f3 is composed of 33.3% red, 20.8% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 78.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 250.1 degrees, a saturation of 88.8% and a lightness of 58%. #5535f3 color hex could be obtained by blending #aa6aff with #0000e7. 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

● #5535f3 color description : Bright blue.

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

Hex triplet	5535f3	`#5535f3`
RGB Decimal	85, 53, 243	`rgb(85,53,243)`
RGB Percent	33.3, 20.8, 95.3	`rgb(33.3%,20.8%,95.3%)`
CMYK	65, 78, 0, 5
HSL	250.1°, 88.8, 58	`hsl(250.1,88.8%,58%)`
HSV (or HSB)	250.1°, 78.2, 95.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	39.492, 64.009, -89.044
XYZ	21.194, 10.948, 85.785
xyY	0.18, 0.093, 10.948
CIE-LCH	39.492, 109.663, 305.71
CIE-LUV	39.492, -3.27, -126.196
Hunter-Lab	33.087, 56.435, -130.56
Binary	01010101, 00110101, 11110011

#5535f3
```
#5535f3 rgb(85,53,243)
```
#d3f335
```
#d3f335 rgb(211,243,53)
```

Complementary Color

#3574f3
```
#3574f3 rgb(53,116,243)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#b435f3
```
#b435f3 rgb(180,53,243)
```

Analogous Color

#74f335
```
#74f335 rgb(116,243,53)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#f3b435
```
#f3b435 rgb(243,180,53)
```

Split Complementary Color

#35f355
```
#35f355 rgb(53,243,85)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#f35535
```
#f35535 rgb(243,85,53)
```

Triadic Color

#35d3f3
```
#35d3f3 rgb(53,211,243)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#f35535
```
#f35535 rgb(243,85,53)
```
#d3f335
```
#d3f335 rgb(211,243,53)
```

Tetradic Color

#2d0ccf
```
#2d0ccf rgb(45,12,207)
```
#320ee7
```
#320ee7 rgb(50,14,231)
```
#411df2
```
#411df2 rgb(65,29,242)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#694df4
```
#694df4 rgb(105,77,244)
```
#7e65f6
```
#7e65f6 rgb(126,101,246)
```
#927df7
```
#927df7 rgb(146,125,247)
```

Monochromatic Color

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

#3545f3
```
#3545f3 rgb(53,69,243)
```
#3535f3
```
#3535f3 rgb(53,53,243)
```
#4535f3
```
#4535f3 rgb(69,53,243)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#6535f3
```
#6535f3 rgb(101,53,243)
```
#7535f3
```
#7535f3 rgb(117,53,243)
```
#8535f3
```
#8535f3 rgb(133,53,243)
```

Similar Colors

Text with hexadecimal color #5535f3

This text has a font color of #5535f3.

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

#5535f3 background color

This paragraph has a background color of #5535f3.

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

#5535f3 border color

This element has a border color of #5535f3.

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

CSS codes

.text {color:#5535f3;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#040114
```
#040114 rgb(4,1,20)
```
#080227
```
#080227 rgb(8,2,39)
```
#0c0339
```
#0c0339 rgb(12,3,57)
```
#10044c
```
#10044c rgb(16,4,76)
```
#15065e
```
#15065e rgb(21,6,94)
```
#190771
```
#190771 rgb(25,7,113)
```
#1d0883
```
#1d0883 rgb(29,8,131)
```
#210996
```
#210996 rgb(33,9,150)
```
#250aa8
```
#250aa8 rgb(37,10,168)
```
#290bbb
```
#290bbb rgb(41,11,187)
```
#2d0ccd
```
#2d0ccd rgb(45,12,205)
```
#310de0
```
#310de0 rgb(49,13,224)
```

Shade Color Variation

#3610f1
```
#3610f1 rgb(54,16,241)
```
#4522f2
```
#4522f2 rgb(69,34,242)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#6548f4
```
#6548f4 rgb(101,72,244)
```
#745af5
```
#745af5 rgb(116,90,245)
```
#846df6
```
#846df6 rgb(132,109,246)
```
#937ff7
```
#937ff7 rgb(147,127,247)
```
#a392f8
```
#a392f8 rgb(163,146,248)
```
#b2a4fa
```
#b2a4fa rgb(178,164,250)
```
#c2b7fb
```
#c2b7fb rgb(194,183,251)
```
#d2c9fc
```
#d2c9fc rgb(210,201,252)
```
#e1dcfd
```
#e1dcfd rgb(225,220,253)
```
#f1eefe
```
#f1eefe rgb(241,238,254)
```

Tint Color Variation

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

#919098
```
#919098 rgb(145,144,152)
```
#8c87a1
```
#8c87a1 rgb(140,135,161)
```
#867fa9
```
#867fa9 rgb(134,127,169)
```
#8177b1
```
#8177b1 rgb(129,119,177)
```
#7b6fb9
```
#7b6fb9 rgb(123,111,185)
```
#7666c2
```
#7666c2 rgb(118,102,194)
```
#705eca
```
#705eca rgb(112,94,202)
```
#6b56d2
```
#6b56d2 rgb(107,86,210)
```
#654eda
```
#654eda rgb(101,78,218)
```
#6045e3
```
#6045e3 rgb(96,69,227)
```
#5a3deb
```
#5a3deb rgb(90,61,235)
```
#5535f3
```
#5535f3 rgb(85,53,243)
```
#502dfb
```
#502dfb rgb(80,45,251)
```

Tone Color Variation

Below, you can see how #5535f3 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
#0068a6 Deuteranopia 1% of men
#006f76 Tritanopia 0.001% of the population

Trichromacy

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

#5535f3 hex color

#5535f3 Color Information

#5535f3 Color Conversion

Color Schemes with #5535f3

Alternatives to #5535f3

#5535f3 Preview

Shades and Tints of #5535f3

Tones of #5535f3

Color Blindness Simulator