#536fcb hex color

In a RGB color space, hex #536fcb is composed of 32.5% red, 43.5% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 45.3% magenta, 0% yellow and 20.4% black. It has a hue angle of 226 degrees, a saturation of 53.6% and a lightness of 56.1%. #536fcb color hex could be obtained by blending #a6deff with #000097. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 80
RGB color chart
- C 59
- M 45
- Y 0
- K 20
CMYK color chart

● #536fcb color description : Moderate blue.

The hexadecimal color #536fcb has RGB values of R:83, G:111, B:203 and CMYK values of C:0.59, M:0.45, Y:0, K:0.2. Its decimal value is 5468107.

Hex triplet	536fcb	`#536fcb`
RGB Decimal	83, 111, 203	`rgb(83,111,203)`
RGB Percent	32.5, 43.5, 79.6	`rgb(32.5%,43.5%,79.6%)`
CMYK	59, 45, 0, 20
HSL	226°, 53.6, 56.1	`hsl(226,53.6%,56.1%)`
HSV (or HSB)	226°, 59.1, 79.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	48.907, 17.767, -50.98
XYZ	20.029, 17.519, 58.823
xyY	0.208, 0.182, 17.519
CIE-LCH	48.907, 53.988, 289.214
CIE-LUV	48.907, -14.878, -79.499
Hunter-Lab	41.855, 12.171, -54.026
Binary	01010011, 01101111, 11001011

#536fcb
```
#536fcb rgb(83,111,203)
```
#cbaf53
```
#cbaf53 rgb(203,175,83)
```

Complementary Color

#53abcb
```
#53abcb rgb(83,171,203)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#7353cb
```
#7353cb rgb(115,83,203)
```

Analogous Color

#abcb53
```
#abcb53 rgb(171,203,83)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#cb7353
```
#cb7353 rgb(203,115,83)
```

Split Complementary Color

#6fcb53
```
#6fcb53 rgb(111,203,83)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#cb536f
```
#cb536f rgb(203,83,111)
```

Triadic Color

#53cbaf
```
#53cbaf rgb(83,203,175)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#cb536f
```
#cb536f rgb(203,83,111)
```
#cbaf53
```
#cbaf53 rgb(203,175,83)
```

Tetradic Color

#314ba1
```
#314ba1 rgb(49,75,161)
```
#3754b4
```
#3754b4 rgb(55,84,180)
```
#3f5fc5
```
#3f5fc5 rgb(63,95,197)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#677fd1
```
#677fd1 rgb(103,127,209)
```
#7a90d7
```
#7a90d7 rgb(122,144,215)
```
#8ea0dd
```
#8ea0dd rgb(142,160,221)
```

Monochromatic Color

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

#538dcb
```
#538dcb rgb(83,141,203)
```
#5383cb
```
#5383cb rgb(83,131,203)
```
#5379cb
```
#5379cb rgb(83,121,203)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#5365cb
```
#5365cb rgb(83,101,203)
```
#535bcb
```
#535bcb rgb(83,91,203)
```
#5553cb
```
#5553cb rgb(85,83,203)
```

Similar Colors

Text with hexadecimal color #536fcb

This text has a font color of #536fcb.

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

#536fcb background color

This paragraph has a background color of #536fcb.

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

#536fcb border color

This element has a border color of #536fcb.

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

CSS codes

.text {color:#536fcb;}

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

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

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

#030409
```
#030409 rgb(3,4,9)
```
#070b18
```
#070b18 rgb(7,11,24)
```
#0c1227
```
#0c1227 rgb(12,18,39)
```
#101936
```
#101936 rgb(16,25,54)
```
#152045
```
#152045 rgb(21,32,69)
```
#192754
```
#192754 rgb(25,39,84)
```
#1e2e63
```
#1e2e63 rgb(30,46,99)
```
#233572
```
#233572 rgb(35,53,114)
```
#273c81
```
#273c81 rgb(39,60,129)
```
#2c4390
```
#2c4390 rgb(44,67,144)
```
#304a9f
```
#304a9f rgb(48,74,159)
```
#3551ae
```
#3551ae rgb(53,81,174)
```
#3958bd
```
#3958bd rgb(57,88,189)
```

Shade Color Variation

#4462c6
```
#4462c6 rgb(68,98,198)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#627cd0
```
#627cd0 rgb(98,124,208)
```
#7188d4
```
#7188d4 rgb(113,136,212)
```
#8095d9
```
#8095d9 rgb(128,149,217)
```
#8fa1dd
```
#8fa1dd rgb(143,161,221)
```
#9eaee2
```
#9eaee2 rgb(158,174,226)
```
#adbbe6
```
#adbbe6 rgb(173,187,230)
```
#bcc7eb
```
#bcc7eb rgb(188,199,235)
```
#cbd4ef
```
#cbd4ef rgb(203,212,239)
```
#dbe0f4
```
#dbe0f4 rgb(219,224,244)
```
#eaedf9
```
#eaedf9 rgb(234,237,249)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#878b97
```
#878b97 rgb(135,139,151)
```
#7e86a0
```
#7e86a0 rgb(126,134,160)
```
#7581a9
```
#7581a9 rgb(117,129,169)
```
#6d7db1
```
#6d7db1 rgb(109,125,177)
```
#6478ba
```
#6478ba rgb(100,120,186)
```
#5c74c2
```
#5c74c2 rgb(92,116,194)
```
#536fcb
```
#536fcb rgb(83,111,203)
```
#4a6ad4
```
#4a6ad4 rgb(74,106,212)
```
#4266dc
```
#4266dc rgb(66,102,220)
```
#3961e5
```
#3961e5 rgb(57,97,229)
```
#315ded
```
#315ded rgb(49,93,237)
```
#2858f6
```
#2858f6 rgb(40,88,246)
```
#1f53ff
```
#1f53ff rgb(31,83,255)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#6b7183 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e78cf Protanopia 1% of men
#337ccb Deuteranopia 1% of men
#37858f Tritanopia 0.001% of the population

Trichromacy

#5075cd Protanomaly 1% of men, 0.01% of women
#3e77cb Deuteranomaly 6% of men, 0.4% of women
#417da5 Tritanomaly 0.01% of the population

#536fcb hex color

#536fcb Color Information

#536fcb Color Conversion

Color Schemes with #536fcb

Alternatives to #536fcb

#536fcb Preview

Shades and Tints of #536fcb

Tones of #536fcb

Color Blindness Simulator