#536fc0 hex color

In a RGB color space, hex #536fc0 is composed of 32.5% red, 43.5% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 56.8% cyan, 42.2% magenta, 0% yellow and 24.7% black. It has a hue angle of 224.6 degrees, a saturation of 46.4% and a lightness of 53.9%. #536fc0 color hex could be obtained by blending #a6deff with #000081. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 75
RGB color chart
- C 57
- M 42
- Y 0
- K 25
CMYK color chart

● #536fc0 color description : Moderate blue.

The hexadecimal color #536fc0 has RGB values of R:83, G:111, B:192 and CMYK values of C:0.57, M:0.42, Y:0, K:0.25. Its decimal value is 5468096.

Hex triplet	536fc0	`#536fc0`
RGB Decimal	83, 111, 192	`rgb(83,111,192)`
RGB Percent	32.5, 43.5, 75.3	`rgb(32.5%,43.5%,75.3%)`
CMYK	57, 42, 0, 25
HSL	224.6°, 46.4, 53.9	`hsl(224.6,46.4%,53.9%)`
HSV (or HSB)	224.6°, 56.8, 75.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.276, 14.087, -45.671
XYZ	18.764, 17.013, 52.161
xyY	0.213, 0.193, 17.013
CIE-LCH	48.276, 47.795, 287.142
CIE-LUV	48.276, -14.728, -70.678
Hunter-Lab	41.246, 9.023, -46.107
Binary	01010011, 01101111, 11000000

#536fc0
```
#536fc0 rgb(83,111,192)
```
#c0a453
```
#c0a453 rgb(192,164,83)
```

Complementary Color

#53a6c0
```
#53a6c0 rgb(83,166,192)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#6e53c0
```
#6e53c0 rgb(110,83,192)
```

Analogous Color

#a6c053
```
#a6c053 rgb(166,192,83)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#c06e53
```
#c06e53 rgb(192,110,83)
```

Split Complementary Color

#6fc053
```
#6fc053 rgb(111,192,83)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#c0536f
```
#c0536f rgb(192,83,111)
```

Triadic Color

#53c0a4
```
#53c0a4 rgb(83,192,164)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#c0536f
```
#c0536f rgb(192,83,111)
```
#c0a453
```
#c0a453 rgb(192,164,83)
```

Tetradic Color

#354d91
```
#354d91 rgb(53,77,145)
```
#3c57a4
```
#3c57a4 rgb(60,87,164)
```
#4361b7
```
#4361b7 rgb(67,97,183)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#667fc7
```
#667fc7 rgb(102,127,199)
```
#788ece
```
#788ece rgb(120,142,206)
```
#8b9ed5
```
#8b9ed5 rgb(139,158,213)
```

Monochromatic Color

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

#538ac0
```
#538ac0 rgb(83,138,192)
```
#5381c0
```
#5381c0 rgb(83,129,192)
```
#5378c0
```
#5378c0 rgb(83,120,192)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#5366c0
```
#5366c0 rgb(83,102,192)
```
#535dc0
```
#535dc0 rgb(83,93,192)
```
#5354c0
```
#5354c0 rgb(83,84,192)
```

Similar Colors

Text with hexadecimal color #536fc0

This text has a font color of #536fc0.

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

#536fc0 background color

This paragraph has a background color of #536fc0.

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

#536fc0 border color

This element has a border color of #536fc0.

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

CSS codes

.text {color:#536fc0;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#05080f
```
#05080f rgb(5,8,15)
```
#0b0f1d
```
#0b0f1d rgb(11,15,29)
```
#10172b
```
#10172b rgb(16,23,43)
```
#151f3a
```
#151f3a rgb(21,31,58)
```
#1a2648
```
#1a2648 rgb(26,38,72)
```
#202e56
```
#202e56 rgb(32,46,86)
```
#253565
```
#253565 rgb(37,53,101)
```
#2a3d73
```
#2a3d73 rgb(42,61,115)
```
#2f4581
```
#2f4581 rgb(47,69,129)
```
#354c90
```
#354c90 rgb(53,76,144)
```
#3a549e
```
#3a549e rgb(58,84,158)
```
#3f5bad
```
#3f5bad rgb(63,91,173)
```

Shade Color Variation

#4563bb
```
#4563bb rgb(69,99,187)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#617bc5
```
#617bc5 rgb(97,123,197)
```
#7087cb
```
#7087cb rgb(112,135,203)
```
#7e93d0
```
#7e93d0 rgb(126,147,208)
```
#8c9fd5
```
#8c9fd5 rgb(140,159,213)
```
#9babda
```
#9babda rgb(155,171,218)
```
#a9b7e0
```
#a9b7e0 rgb(169,183,224)
```
#b7c3e5
```
#b7c3e5 rgb(183,195,229)
```
#c6cfea
```
#c6cfea rgb(198,207,234)
```
#d4dbef
```
#d4dbef rgb(212,219,239)
```
#e3e7f5
```
#e3e7f5 rgb(227,231,245)
```
#f1f3fa
```
#f1f3fa rgb(241,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89898a is the less saturated color, while #1d55f6 is the most saturated one.

#89898a
```
#89898a rgb(137,137,138)
```
#808593
```
#808593 rgb(128,133,147)
```
#77819c
```
#77819c rgb(119,129,156)
```
#6e7ca5
```
#6e7ca5 rgb(110,124,165)
```
#6578ae
```
#6578ae rgb(101,120,174)
```
#5c73b7
```
#5c73b7 rgb(92,115,183)
```
#536fc0
```
#536fc0 rgb(83,111,192)
```
#4a6bc9
```
#4a6bc9 rgb(74,107,201)
```
#4166d2
```
#4166d2 rgb(65,102,210)
```
#3862db
```
#3862db rgb(56,98,219)
```
#2f5de4
```
#2f5de4 rgb(47,93,228)
```
#2659ed
```
#2659ed rgb(38,89,237)
```
#1d55f6
```
#1d55f6 rgb(29,85,246)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#6a7080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5677c4 Protanopia 1% of men
#447ac1 Deuteranopia 1% of men
#3f838c Tritanopia 0.001% of the population

Trichromacy

#5574c2 Protanomaly 1% of men, 0.01% of women
#4976c0 Deuteranomaly 6% of men, 0.4% of women
#467b9f Tritanomaly 0.01% of the population

#536fc0 hex color

#536fc0 Color Information

#536fc0 Color Conversion

Color Schemes with #536fc0

Alternatives to #536fc0

#536fc0 Preview

Shades and Tints of #536fc0

Tones of #536fc0

Color Blindness Simulator