#535cfd hex color

In a RGB color space, hex #535cfd is composed of 32.5% red, 36.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 63.6% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.8 degrees, a saturation of 97.7% and a lightness of 65.9%. #535cfd color hex could be obtained by blending #a6b8ff with #0000fb. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 36
- B 99
RGB color chart
- C 67
- M 64
- Y 0
- K 1
CMYK color chart

● #535cfd color description : Soft blue.

The hexadecimal color #535cfd has RGB values of R:83, G:92, B:253 and CMYK values of C:0.67, M:0.64, Y:0, K:0.01. Its decimal value is 5463293.

Hex triplet	535cfd	`#535cfd`
RGB Decimal	83, 92, 253	`rgb(83,92,253)`
RGB Percent	32.5, 36.1, 99.2	`rgb(32.5%,36.1%,99.2%)`
CMYK	67, 64, 0, 1
HSL	236.8°, 97.7, 65.9	`hsl(236.8,97.7%,65.9%)`
HSV (or HSB)	236.8°, 67.2, 99.2
Web Safe	6666ff	`#6666ff`

CIE-LAB	47.731, 46.169, -81.095
XYZ	25.12, 16.584, 94.8
xyY	0.184, 0.121, 16.584
CIE-LCH	47.731, 93.317, 299.654
CIE-LUV	47.731, -11.079, -124.715
Hunter-Lab	40.723, 38.844, -109.516
Binary	01010011, 01011100, 11111101

#535cfd
```
#535cfd rgb(83,92,253)
```
#fdf453
```
#fdf453 rgb(253,244,83)
```

Complementary Color

#53b1fd
```
#53b1fd rgb(83,177,253)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#9f53fd
```
#9f53fd rgb(159,83,253)
```

Analogous Color

#b1fd53
```
#b1fd53 rgb(177,253,83)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#fd9f53
```
#fd9f53 rgb(253,159,83)
```

Split Complementary Color

#5cfd53
```
#5cfd53 rgb(92,253,83)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#fd535c
```
#fd535c rgb(253,83,92)
```

Triadic Color

#53fdf4
```
#53fdf4 rgb(83,253,244)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#fd535c
```
#fd535c rgb(253,83,92)
```
#fdf453
```
#fdf453 rgb(253,244,83)
```

Tetradic Color

#0714fc
```
#0714fc rgb(7,20,252)
```
#212cfc
```
#212cfc rgb(33,44,252)
```
#3a44fd
```
#3a44fd rgb(58,68,253)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#6c74fd
```
#6c74fd rgb(108,116,253)
```
#858cfe
```
#858cfe rgb(133,140,254)
```
#9fa4fe
```
#9fa4fe rgb(159,164,254)
```

Monochromatic Color

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

#5387fd
```
#5387fd rgb(83,135,253)
```
#5378fd
```
#5378fd rgb(83,120,253)
```
#536afd
```
#536afd rgb(83,106,253)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#5853fd
```
#5853fd rgb(88,83,253)
```
#6653fd
```
#6653fd rgb(102,83,253)
```
#7553fd
```
#7553fd rgb(117,83,253)
```

Similar Colors

Text with hexadecimal color #535cfd

This text has a font color of #535cfd.

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

#535cfd background color

This paragraph has a background color of #535cfd.

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

#535cfd border color

This element has a border color of #535cfd.

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

CSS codes

.text {color:#535cfd;}

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

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

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

#000003
```
#000003 rgb(0,0,3)
```
#000116
```
#000116 rgb(0,1,22)
```
#000329
```
#000329 rgb(0,3,41)
```
#01043d
```
#01043d rgb(1,4,61)
```
#010550
```
#010550 rgb(1,5,80)
```
#010663
```
#010663 rgb(1,6,99)
```
#010877
```
#010877 rgb(1,8,119)
```
#02098a
```
#02098a rgb(2,9,138)
```
#020a9e
```
#020a9e rgb(2,10,158)
```
#020bb1
```
#020bb1 rgb(2,11,177)
```
#020dc4
```
#020dc4 rgb(2,13,196)
```
#030ed8
```
#030ed8 rgb(3,14,216)
```
#030feb
```
#030feb rgb(3,15,235)
```

Shade Color Variation

#0512fc
```
#0512fc rgb(5,18,252)
```
#1925fc
```
#1925fc rgb(25,37,252)
```
#2c37fd
```
#2c37fd rgb(44,55,253)
```
#404afd
```
#404afd rgb(64,74,253)
```
#535cfd
```
#535cfd rgb(83,92,253)
```
#666efd
```
#666efd rgb(102,110,253)
```
#7a81fd
```
#7a81fd rgb(122,129,253)
```
#8d93fe
```
#8d93fe rgb(141,147,254)
```
#a1a6fe
```
#a1a6fe rgb(161,166,254)
```
#b4b8fe
```
#b4b8fe rgb(180,184,254)
```
#c7cafe
```
#c7cafe rgb(199,202,254)
```
#dbddff
```
#dbddff rgb(219,221,255)
```
#eeefff
```
#eeefff rgb(238,239,255)
```

Tint Color Variation

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

#a3a4ad
```
#a3a4ad rgb(163,164,173)
```
#9d9eb3
```
#9d9eb3 rgb(157,158,179)
```
#9698ba
```
#9698ba rgb(150,152,186)
```
#8f92c1
```
#8f92c1 rgb(143,146,193)
```
#898cc7
```
#898cc7 rgb(137,140,199)
```
#8286ce
```
#8286ce rgb(130,134,206)
```
#7b80d5
```
#7b80d5 rgb(123,128,213)
```
#747adc
```
#747adc rgb(116,122,220)
```
#6e74e2
```
#6e74e2 rgb(110,116,226)
```
#676ee9
```
#676ee9 rgb(103,110,233)
```
#6068f0
```
#6068f0 rgb(96,104,240)
```
#5a62f6
```
#5a62f6 rgb(90,98,246)
```
#535cfd
```
#535cfd rgb(83,92,253)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676989 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0075e4 Protanopia 1% of men
#007bc7 Deuteranopia 1% of men
#00848c Tritanopia 0.001% of the population

Trichromacy

#1e6bed Protanomaly 1% of men, 0.01% of women
#1e70da Deuteranomaly 6% of men, 0.4% of women
#1e75b5 Tritanomaly 0.01% of the population

#535cfd hex color

#535cfd Color Information

#535cfd Color Conversion

Color Schemes with #535cfd

Alternatives to #535cfd

#535cfd Preview

Shades and Tints of #535cfd

Tones of #535cfd

Color Blindness Simulator