#535eec hex color

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

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

● #535eec color description : Soft blue.

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

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

CIE-LAB	46.842, 39.379, -73.038
XYZ	22.707, 15.899, 81.225
xyY	0.189, 0.133, 15.899
CIE-LCH	46.842, 82.978, 298.332
CIE-LUV	46.842, -10.921, -112.6
Hunter-Lab	39.874, 31.872, -92.864
Binary	01010011, 01011110, 11101100

#535eec
```
#535eec rgb(83,94,236)
```
#ece153
```
#ece153 rgb(236,225,83)
```

Complementary Color

#53abec
```
#53abec rgb(83,171,236)
```
#535eec
```
#535eec rgb(83,94,236)
```
#9553ec
```
#9553ec rgb(149,83,236)
```

Analogous Color

#abec53
```
#abec53 rgb(171,236,83)
```
#535eec
```
#535eec rgb(83,94,236)
```
#ec9553
```
#ec9553 rgb(236,149,83)
```

Split Complementary Color

#5eec53
```
#5eec53 rgb(94,236,83)
```
#535eec
```
#535eec rgb(83,94,236)
```
#ec535e
```
#ec535e rgb(236,83,94)
```

Triadic Color

#53ece1
```
#53ece1 rgb(83,236,225)
```
#535eec
```
#535eec rgb(83,94,236)
```
#ec535e
```
#ec535e rgb(236,83,94)
```
#ece153
```
#ece153 rgb(236,225,83)
```

Tetradic Color

#1826da
```
#1826da rgb(24,38,218)
```
#2533e7
```
#2533e7 rgb(37,51,231)
```
#3c49e9
```
#3c49e9 rgb(60,73,233)
```
#535eec
```
#535eec rgb(83,94,236)
```
#6a73ef
```
#6a73ef rgb(106,115,239)
```
#8189f1
```
#8189f1 rgb(129,137,241)
```
#989ef4
```
#989ef4 rgb(152,158,244)
```

Monochromatic Color

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

#5384ec
```
#5384ec rgb(83,132,236)
```
#5378ec
```
#5378ec rgb(83,120,236)
```
#536bec
```
#536bec rgb(83,107,236)
```
#535eec
```
#535eec rgb(83,94,236)
```
#5553ec
```
#5553ec rgb(85,83,236)
```
#6153ec
```
#6153ec rgb(97,83,236)
```
#6e53ec
```
#6e53ec rgb(110,83,236)
```

Similar Colors

Text with hexadecimal color #535eec

This text has a font color of #535eec.

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

#535eec background color

This paragraph has a background color of #535eec.

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

#535eec border color

This element has a border color of #535eec.

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

CSS codes

.text {color:#535eec;}

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

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

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)
```
#080d4b
```
#080d4b rgb(8,13,75)
```
#0a105d
```
#0a105d rgb(10,16,93)
```
#0c136f
```
#0c136f rgb(12,19,111)
```
#0e1680
```
#0e1680 rgb(14,22,128)
```
#101992
```
#101992 rgb(16,25,146)
```
#121da4
```
#121da4 rgb(18,29,164)
```
#1420b5
```
#1420b5 rgb(20,32,181)
```
#1623c7
```
#1623c7 rgb(22,35,199)
```
#1826d9
```
#1826d9 rgb(24,38,217)
```

Shade Color Variation

#1e2ce6
```
#1e2ce6 rgb(30,44,230)
```
#303de8
```
#303de8 rgb(48,61,232)
```
#414dea
```
#414dea rgb(65,77,234)
```
#535eec
```
#535eec rgb(83,94,236)
```
#656fee
```
#656fee rgb(101,111,238)
```
#767ff0
```
#767ff0 rgb(118,127,240)
```
#8890f2
```
#8890f2 rgb(136,144,242)
```
#9aa0f4
```
#9aa0f4 rgb(154,160,244)
```
#abb1f6
```
#abb1f6 rgb(171,177,246)
```
#bdc1f8
```
#bdc1f8 rgb(189,193,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 #4451fb is the most saturated one.

#9c9da3
```
#9c9da3 rgb(156,157,163)
```
#9597aa
```
#9597aa rgb(149,151,170)
```
#8e90b1
```
#8e90b1 rgb(142,144,177)
```
#868ab9
```
#868ab9 rgb(134,138,185)
```
#7f84c0
```
#7f84c0 rgb(127,132,192)
```
#787dc7
```
#787dc7 rgb(120,125,199)
```
#7077cf
```
#7077cf rgb(112,119,207)
```
#6971d6
```
#6971d6 rgb(105,113,214)
```
#626bdd
```
#626bdd rgb(98,107,221)
```
#5a64e5
```
#5a64e5 rgb(90,100,229)
```
#535eec
```
#535eec rgb(83,94,236)
```
#4c58f3
```
#4c58f3 rgb(76,88,243)
```
#4451fb
```
#4451fb rgb(68,81,251)
```

Tone Color Variation

Below, you can see how #535eec 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
#666885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072e0 Protanopia 1% of men
#0079c4 Deuteranopia 1% of men
#00828a Tritanopia 0.001% of the population

Trichromacy

#1e6be4 Protanomaly 1% of men, 0.01% of women
#1e6fd3 Deuteranomaly 6% of men, 0.4% of women
#1e74ae Tritanomaly 0.01% of the population

#535eec hex color

#535eec Color Information

#535eec Color Conversion

Color Schemes with #535eec

Alternatives to #535eec

#535eec Preview

Shades and Tints of #535eec

Tones of #535eec

Color Blindness Simulator