colorhexa.com

#535fec hex color

In a RGB color space, hex #535fec is composed of 32.5% red, 37.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 64.8% cyan, 59.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 235.3 degrees, a saturation of 80.1% and a lightness of 62.5%. #535fec color hex could be obtained by blending #a6beff with #0000d9. Closest websafe color is: #6666ff.

- R 33
- G 37
- B 93
RGB color chart
- C 65
- M 60
- Y 0
- K 7
CMYK color chart

● #535fec color description : Soft blue.

The hexadecimal color #535fec has RGB values of R:83, G:95, B:236 and CMYK values of C:0.65, M:0.6, Y:0, K:0.07. Its decimal value is 5464044.

Hex triplet	535fec	`#535fec`
RGB Decimal	83, 95, 236	`rgb(83,95,236)`
RGB Percent	32.5, 37.3, 92.5	`rgb(32.5%,37.3%,92.5%)`
CMYK	65, 60, 0, 7
HSL	235.3°, 80.1, 62.5	`hsl(235.3,80.1%,62.5%)`
HSV (or HSB)	235.3°, 64.8, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.077, 38.773, -72.655
XYZ	22.797, 16.078, 81.254
xyY	0.19, 0.134, 16.078
CIE-LCH	47.077, 82.354, 298.087
CIE-LUV	47.077, -11.165, -112.202
Hunter-Lab	40.098, 31.311, -92.077
Binary	01010011, 01011111, 11101100

#535fec
```
#535fec rgb(83,95,236)
```
#ece053
```
#ece053 rgb(236,224,83)
```

Complementary Color

#53acec
```
#53acec rgb(83,172,236)
```
#535fec
```
#535fec rgb(83,95,236)
```
#9453ec
```
#9453ec rgb(148,83,236)
```

Analogous Color

#acec53
```
#acec53 rgb(172,236,83)
```
#535fec
```
#535fec rgb(83,95,236)
```
#ec9453
```
#ec9453 rgb(236,148,83)
```

Split Complementary Color

#5fec53
```
#5fec53 rgb(95,236,83)
```
#535fec
```
#535fec rgb(83,95,236)
```
#ec535f
```
#ec535f rgb(236,83,95)
```

Triadic Color

#53ece0
```
#53ece0 rgb(83,236,224)
```
#535fec
```
#535fec rgb(83,95,236)
```
#ec535f
```
#ec535f rgb(236,83,95)
```
#ece053
```
#ece053 rgb(236,224,83)
```

Tetradic Color

#1827da
```
#1827da rgb(24,39,218)
```
#2534e7
```
#2534e7 rgb(37,52,231)
```
#3c4ae9
```
#3c4ae9 rgb(60,74,233)
```
#535fec
```
#535fec rgb(83,95,236)
```
#6a74ef
```
#6a74ef rgb(106,116,239)
```
#818af1
```
#818af1 rgb(129,138,241)
```
#989ff4
```
#989ff4 rgb(152,159,244)
```

Monochromatic Color

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

#5385ec
```
#5385ec rgb(83,133,236)
```
#5379ec
```
#5379ec rgb(83,121,236)
```
#536cec
```
#536cec rgb(83,108,236)
```
#535fec
```
#535fec rgb(83,95,236)
```
#5453ec
```
#5453ec rgb(84,83,236)
```
#6053ec
```
#6053ec rgb(96,83,236)
```
#6d53ec
```
#6d53ec rgb(109,83,236)
```

Similar Colors

Text with hexadecimal color #535fec

This text has a font color of #535fec.

<span style="color:#535fec;">Text here</span>

#535fec background color

This paragraph has a background color of #535fec.

<p style="background-color:#535fec;">Content here</p>

#535fec border color

This element has a border color of #535fec.

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

CSS codes

.text {color:#535fec;}

.background {background-color:#535fec;}

.border {border:1px solid #535fec;}

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

#010105
```
#010105 rgb(1,1,5)
```
#020416
```
#020416 rgb(2,4,22)
```
#040728
```
#040728 rgb(4,7,40)
```
#060a3a
```
#060a3a rgb(6,10,58)
```
#080e4b
```
#080e4b rgb(8,14,75)
```
#0a115d
```
#0a115d rgb(10,17,93)
```
#0c146f
```
#0c146f rgb(12,20,111)
```
#0e1780
```
#0e1780 rgb(14,23,128)
```
#101a92
```
#101a92 rgb(16,26,146)
```
#121da4
```
#121da4 rgb(18,29,164)
```
#1421b5
```
#1421b5 rgb(20,33,181)
```
#1624c7
```
#1624c7 rgb(22,36,199)
```
#1827d9
```
#1827d9 rgb(24,39,217)
```

Shade Color Variation

#1e2ee6
```
#1e2ee6 rgb(30,46,230)
```
#303ee8
```
#303ee8 rgb(48,62,232)
```
#414fea
```
#414fea rgb(65,79,234)
```
#535fec
```
#535fec rgb(83,95,236)
```
#656fee
```
#656fee rgb(101,111,238)
```
#7680f0
```
#7680f0 rgb(118,128,240)
```
#8890f2
```
#8890f2 rgb(136,144,242)
```
#9aa1f4
```
#9aa1f4 rgb(154,161,244)
```
#abb1f6
```
#abb1f6 rgb(171,177,246)
```
#bdc2f8
```
#bdc2f8 rgb(189,194,248)
```
#cfd2fa
```
#cfd2fa rgb(207,210,250)
```
#e0e2fc
```
#e0e2fc rgb(224,226,252)
```
#f2f3fe
```
#f2f3fe rgb(242,243,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9c9da3 is the less saturated color, while #4453fb is the most saturated one.

#9c9da3
```
#9c9da3 rgb(156,157,163)
```
#9597aa
```
#9597aa rgb(149,151,170)
```
#8e91b1
```
#8e91b1 rgb(142,145,177)
```
#868ab9
```
#868ab9 rgb(134,138,185)
```
#7f84c0
```
#7f84c0 rgb(127,132,192)
```
#787ec7
```
#787ec7 rgb(120,126,199)
```
#7078cf
```
#7078cf rgb(112,120,207)
```
#6972d6
```
#6972d6 rgb(105,114,214)
```
#626bdd
```
#626bdd rgb(98,107,221)
```
#5a65e5
```
#5a65e5 rgb(90,101,229)
```
#535fec
```
#535fec rgb(83,95,236)
```
#4c59f3
```
#4c59f3 rgb(76,89,243)
```
#4453fb
```
#4453fb rgb(68,83,251)
```

Tone Color Variation

Below, you can see how #535fec 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

#6b6b6b Achromatopsia 0.005% of the population
#666985 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e1 Protanopia 1% of men
#0079c5 Deuteranopia 1% of men
#00828b Tritanopia 0.001% of the population

Trichromacy

#1e6ce5 Protanomaly 1% of men, 0.01% of women
#1e70d3 Deuteranomaly 6% of men, 0.4% of women
#1e75ae Tritanomaly 0.01% of the population