#536fec hex color

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

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

● #536fec color description : Soft blue.

The hexadecimal color #536fec has RGB values of R:83, G:111, B:236 and CMYK values of C:0.65, M:0.53, Y:0, K:0.07. Its decimal value is 5468140.

Hex triplet	536fec	`#536fec`
RGB Decimal	83, 111, 236	`rgb(83,111,236)`
RGB Percent	32.5, 43.5, 92.5	`rgb(32.5%,43.5%,92.5%)`
CMYK	65, 53, 0, 7
HSL	229°, 80.1, 62.5	`hsl(229,80.1%,62.5%)`
HSV (or HSB)	229°, 64.8, 92.5
Web Safe	6666ff	`#6666ff`

CIE-LAB	50.993, 28.964, -66.298
XYZ	24.389, 19.263, 81.785
xyY	0.194, 0.154, 19.263
CIE-LCH	50.993, 72.349, 293.6
CIE-LUV	50.993, -15.395, -104.759
Hunter-Lab	43.889, 22.385, -79.761
Binary	01010011, 01101111, 11101100

#536fec
```
#536fec rgb(83,111,236)
```
#ecd053
```
#ecd053 rgb(236,208,83)
```

Complementary Color

#53bcec
```
#53bcec rgb(83,188,236)
```
#536fec
```
#536fec rgb(83,111,236)
```
#8453ec
```
#8453ec rgb(132,83,236)
```

Analogous Color

#bcec53
```
#bcec53 rgb(188,236,83)
```
#536fec
```
#536fec rgb(83,111,236)
```
#ec8453
```
#ec8453 rgb(236,132,83)
```

Split Complementary Color

#6fec53
```
#6fec53 rgb(111,236,83)
```
#536fec
```
#536fec rgb(83,111,236)
```
#ec536f
```
#ec536f rgb(236,83,111)
```

Triadic Color

#53ecd0
```
#53ecd0 rgb(83,236,208)
```
#536fec
```
#536fec rgb(83,111,236)
```
#ec536f
```
#ec536f rgb(236,83,111)
```
#ecd053
```
#ecd053 rgb(236,208,83)
```

Tetradic Color

#183cda
```
#183cda rgb(24,60,218)
```
#2549e7
```
#2549e7 rgb(37,73,231)
```
#3c5ce9
```
#3c5ce9 rgb(60,92,233)
```
#536fec
```
#536fec rgb(83,111,236)
```
#6a82ef
```
#6a82ef rgb(106,130,239)
```
#8195f1
```
#8195f1 rgb(129,149,241)
```
#98a9f4
```
#98a9f4 rgb(152,169,244)
```

Monochromatic Color

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

#5395ec
```
#5395ec rgb(83,149,236)
```
#5389ec
```
#5389ec rgb(83,137,236)
```
#537cec
```
#537cec rgb(83,124,236)
```
#536fec
```
#536fec rgb(83,111,236)
```
#5362ec
```
#5362ec rgb(83,98,236)
```
#5356ec
```
#5356ec rgb(83,86,236)
```
#5d53ec
```
#5d53ec rgb(93,83,236)
```

Similar Colors

Text with hexadecimal color #536fec

This text has a font color of #536fec.

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

#536fec background color

This paragraph has a background color of #536fec.

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

#536fec border color

This element has a border color of #536fec.

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

CSS codes

.text {color:#536fec;}

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

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

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 #f2f4fe is the lightest one.

#010105
```
#010105 rgb(1,1,5)
```
#020616
```
#020616 rgb(2,6,22)
```
#040b28
```
#040b28 rgb(4,11,40)
```
#06103a
```
#06103a rgb(6,16,58)
```
#08154b
```
#08154b rgb(8,21,75)
```
#0a195d
```
#0a195d rgb(10,25,93)
```
#0c1e6f
```
#0c1e6f rgb(12,30,111)
```
#0e2380
```
#0e2380 rgb(14,35,128)
```
#102892
```
#102892 rgb(16,40,146)
```
#122da4
```
#122da4 rgb(18,45,164)
```
#1432b5
```
#1432b5 rgb(20,50,181)
```
#1636c7
```
#1636c7 rgb(22,54,199)
```
#183bd9
```
#183bd9 rgb(24,59,217)
```

Shade Color Variation

#1e43e6
```
#1e43e6 rgb(30,67,230)
```
#3051e8
```
#3051e8 rgb(48,81,232)
```
#4160ea
```
#4160ea rgb(65,96,234)
```
#536fec
```
#536fec rgb(83,111,236)
```
#657eee
```
#657eee rgb(101,126,238)
```
#768df0
```
#768df0 rgb(118,141,240)
```
#889bf2
```
#889bf2 rgb(136,155,242)
```
#9aaaf4
```
#9aaaf4 rgb(154,170,244)
```
#abb9f6
```
#abb9f6 rgb(171,185,246)
```
#bdc8f8
```
#bdc8f8 rgb(189,200,248)
```
#cfd7fa
```
#cfd7fa rgb(207,215,250)
```
#e0e5fc
```
#e0e5fc rgb(224,229,252)
```
#f2f4fe
```
#f2f4fe rgb(242,244,254)
```

Tint Color Variation

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

#9c9ea3
```
#9c9ea3 rgb(156,158,163)
```
#9599aa
```
#9599aa rgb(149,153,170)
```
#8e94b1
```
#8e94b1 rgb(142,148,177)
```
#8690b9
```
#8690b9 rgb(134,144,185)
```
#7f8bc0
```
#7f8bc0 rgb(127,139,192)
```
#7886c7
```
#7886c7 rgb(120,134,199)
```
#7082cf
```
#7082cf rgb(112,130,207)
```
#697dd6
```
#697dd6 rgb(105,125,214)
```
#6278dd
```
#6278dd rgb(98,120,221)
```
#5a74e5
```
#5a74e5 rgb(90,116,229)
```
#536fec
```
#536fec rgb(83,111,236)
```
#4c6af3
```
#4c6af3 rgb(76,106,243)
```
#4466fb
```
#4466fb rgb(68,102,251)
```

Tone Color Variation

Below, you can see how #536fec 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
#6e748d Atypical Achromatopsia 0.001% of the population

Dichromacy

#1a7cf2 Protanopia 1% of men
#0082d7 Deuteranopia 1% of men
#008c96 Tritanopia 0.001% of the population

Trichromacy

#2f77f0 Protanomaly 1% of men, 0.01% of women
#1e7bde Deuteranomaly 6% of men, 0.4% of women
#1e82b5 Tritanomaly 0.01% of the population

#536fec hex color

#536fec Color Information

#536fec Color Conversion

Color Schemes with #536fec

Alternatives to #536fec

#536fec Preview

Shades and Tints of #536fec

Tones of #536fec

Color Blindness Simulator