#536cf9 hex color

In a RGB color space, hex #536cf9 is composed of 32.5% red, 42.4% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 56.6% magenta, 0% yellow and 2.4% black. It has a hue angle of 231 degrees, a saturation of 93.3% and a lightness of 65.1%. #536cf9 color hex could be obtained by blending #a6d8ff with #0000f3. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 42
- B 98
RGB color chart
- C 67
- M 57
- Y 0
- K 2
CMYK color chart

● #536cf9 color description : Soft blue.

The hexadecimal color #536cf9 has RGB values of R:83, G:108, B:249 and CMYK values of C:0.67, M:0.57, Y:0, K:0.02. Its decimal value is 5467385.

Hex triplet	536cf9	`#536cf9`
RGB Decimal	83, 108, 249	`rgb(83,108,249)`
RGB Percent	32.5, 42.4, 97.6	`rgb(32.5%,42.4%,97.6%)`
CMYK	67, 57, 0, 2
HSL	231°, 93.3, 65.1	`hsl(231,93.3%,65.1%)`
HSV (or HSB)	231°, 66.7, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	51.154, 35.221, -73.287
XYZ	26.025, 19.402, 91.991
xyY	0.189, 0.141, 19.402
CIE-LCH	51.154, 81.312, 295.668
CIE-LUV	51.154, -14.829, -115.634
Hunter-Lab	44.048, 28.381, -92.989
Binary	01010011, 01101100, 11111001

#536cf9
```
#536cf9 rgb(83,108,249)
```
#f9e053
```
#f9e053 rgb(249,224,83)
```

Complementary Color

#53bff9
```
#53bff9 rgb(83,191,249)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#8d53f9
```
#8d53f9 rgb(141,83,249)
```

Analogous Color

#bff953
```
#bff953 rgb(191,249,83)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#f98d53
```
#f98d53 rgb(249,141,83)
```

Split Complementary Color

#6cf953
```
#6cf953 rgb(108,249,83)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#f9536c
```
#f9536c rgb(249,83,108)
```

Triadic Color

#53f9e0
```
#53f9e0 rgb(83,249,224)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#f9536c
```
#f9536c rgb(249,83,108)
```
#f9e053
```
#f9e053 rgb(249,224,83)
```

Tetradic Color

#092df6
```
#092df6 rgb(9,45,246)
```
#2242f7
```
#2242f7 rgb(34,66,247)
```
#3a57f8
```
#3a57f8 rgb(58,87,248)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#6c81fa
```
#6c81fa rgb(108,129,250)
```
#8496fb
```
#8496fb rgb(132,150,251)
```
#9dabfc
```
#9dabfc rgb(157,171,252)
```

Monochromatic Color

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

#5396f9
```
#5396f9 rgb(83,150,249)
```
#5388f9
```
#5388f9 rgb(83,136,249)
```
#537af9
```
#537af9 rgb(83,122,249)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#535ef9
```
#535ef9 rgb(83,94,249)
```
#5653f9
```
#5653f9 rgb(86,83,249)
```
#6353f9
```
#6353f9 rgb(99,83,249)
```

Similar Colors

Text with hexadecimal color #536cf9

This text has a font color of #536cf9.

<span style="color:#536cf9;">Text here</span>

#536cf9 background color

This paragraph has a background color of #536cf9.

<p style="background-color:#536cf9;">Content here</p>

#536cf9 border color

This element has a border color of #536cf9.

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

CSS codes

.text {color:#536cf9;}

.background {background-color:#536cf9;}

.border {border:1px solid #536cf9;}

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

#010312
```
#010312 rgb(1,3,18)
```
#010724
```
#010724 rgb(1,7,36)
```
#020a37
```
#020a37 rgb(2,10,55)
```
#030d4a
```
#030d4a rgb(3,13,74)
```
#03115d
```
#03115d rgb(3,17,93)
```
#041470
```
#041470 rgb(4,20,112)
```
#051883
```
#051883 rgb(5,24,131)
```
#051b96
```
#051b96 rgb(5,27,150)
```
#061ea9
```
#061ea9 rgb(6,30,169)
```
#0722bc
```
#0722bc rgb(7,34,188)
```
#0725cf
```
#0725cf rgb(7,37,207)
```
#0829e2
```
#0829e2 rgb(8,41,226)
```
#092cf5
```
#092cf5 rgb(9,44,245)
```

Shade Color Variation

#1a3bf7
```
#1a3bf7 rgb(26,59,247)
```
#2d4cf8
```
#2d4cf8 rgb(45,76,248)
```
#405cf8
```
#405cf8 rgb(64,92,248)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```
#667cfa
```
#667cfa rgb(102,124,250)
```
#798cfa
```
#798cfa rgb(121,140,250)
```
#8c9dfb
```
#8c9dfb rgb(140,157,251)
```
#9fadfc
```
#9fadfc rgb(159,173,252)
```
#b2bdfc
```
#b2bdfc rgb(178,189,252)
```
#c5cdfd
```
#c5cdfd rgb(197,205,253)
```
#d8ddfe
```
#d8ddfe rgb(216,221,254)
```
#ebeefe
```
#ebeefe rgb(235,238,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a5a5a7
```
#a5a5a7 rgb(165,165,167)
```
#9ea1ae
```
#9ea1ae rgb(158,161,174)
```
#979cb5
```
#979cb5 rgb(151,156,181)
```
#9197bb
```
#9197bb rgb(145,151,187)
```
#8a92c2
```
#8a92c2 rgb(138,146,194)
```
#838dc9
```
#838dc9 rgb(131,141,201)
```
#7c89d0
```
#7c89d0 rgb(124,137,208)
```
#7584d7
```
#7584d7 rgb(117,132,215)
```
#6e7fde
```
#6e7fde rgb(110,127,222)
```
#687ae4
```
#687ae4 rgb(104,122,228)
```
#6176eb
```
#6176eb rgb(97,118,235)
```
#5a71f2
```
#5a71f2 rgb(90,113,242)
```
#536cf9
```
#536cf9 rgb(83,108,249)
```

Tone Color Variation

Below, you can see how #536cf9 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

#757575 Achromatopsia 0.005% of the population
#6e738f Atypical Achromatopsia 0.001% of the population

Dichromacy

#007cf4 Protanopia 1% of men
#0083d6 Deuteranopia 1% of men
#008d96 Tritanopia 0.001% of the population

Trichromacy

#1e76f6 Protanomaly 1% of men, 0.01% of women
#1e7be3 Deuteranomaly 6% of men, 0.4% of women
#1e81ba Tritanomaly 0.01% of the population

#536cf9 hex color

#536cf9 Color Information

#536cf9 Color Conversion

Color Schemes with #536cf9

Alternatives to #536cf9

#536cf9 Preview

Shades and Tints of #536cf9

Tones of #536cf9

Color Blindness Simulator