#536fb6 hex color

In a RGB color space, hex #536fb6 is composed of 32.5% red, 43.5% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 54.4% cyan, 39% magenta, 0% yellow and 28.6% black. It has a hue angle of 223 degrees, a saturation of 40.4% and a lightness of 52%. #536fb6 color hex could be obtained by blending #a6deff with #00006d. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 44
- B 71
RGB color chart
- C 54
- M 39
- Y 0
- K 29
CMYK color chart

● #536fb6 color description : Moderate blue.

The hexadecimal color #536fb6 has RGB values of R:83, G:111, B:182 and CMYK values of C:0.54, M:0.39, Y:0, K:0.29. Its decimal value is 5468086.

Hex triplet	536fb6	`#536fb6`
RGB Decimal	83, 111, 182	`rgb(83,111,182)`
RGB Percent	32.5, 43.5, 71.4	`rgb(32.5%,43.5%,71.4%)`
CMYK	54, 39, 0, 29
HSL	223°, 40.4, 52	`hsl(223,40.4%,52%)`
HSV (or HSB)	223°, 54.4, 71.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.732, 10.785, -40.754
XYZ	17.693, 16.584, 46.522
xyY	0.219, 0.205, 16.584
CIE-LCH	47.732, 42.156, 284.823
CIE-LUV	47.732, -14.602, -62.502
Hunter-Lab	40.724, 6.286, -39.225
Binary	01010011, 01101111, 10110110

#536fb6
```
#536fb6 rgb(83,111,182)
```
#b69a53
```
#b69a53 rgb(182,154,83)
```

Complementary Color

#53a1b6
```
#53a1b6 rgb(83,161,182)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#6953b6
```
#6953b6 rgb(105,83,182)
```

Analogous Color

#a1b653
```
#a1b653 rgb(161,182,83)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#b66953
```
#b66953 rgb(182,105,83)
```

Split Complementary Color

#6fb653
```
#6fb653 rgb(111,182,83)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#b6536f
```
#b6536f rgb(182,83,111)
```

Triadic Color

#53b69a
```
#53b69a rgb(83,182,154)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#b6536f
```
#b6536f rgb(182,83,111)
```
#b69a53
```
#b69a53 rgb(182,154,83)
```

Tetradic Color

#384e84
```
#384e84 rgb(56,78,132)
```
#405896
```
#405896 rgb(64,88,150)
```
#4763a8
```
#4763a8 rgb(71,99,168)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#657ebe
```
#657ebe rgb(101,126,190)
```
#778dc5
```
#778dc5 rgb(119,141,197)
```
#899ccd
```
#899ccd rgb(137,156,205)
```

Monochromatic Color

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

#5388b6
```
#5388b6 rgb(83,136,182)
```
#5380b6
```
#5380b6 rgb(83,128,182)
```
#5377b6
```
#5377b6 rgb(83,119,182)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#5367b6
```
#5367b6 rgb(83,103,182)
```
#535fb6
```
#535fb6 rgb(83,95,182)
```
#5356b6
```
#5356b6 rgb(83,86,182)
```

Similar Colors

Text with hexadecimal color #536fb6

This text has a font color of #536fb6.

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

#536fb6 background color

This paragraph has a background color of #536fb6.

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

#536fb6 border color

This element has a border color of #536fb6.

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

CSS codes

.text {color:#536fb6;}

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

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

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

#030407
```
#030407 rgb(3,4,7)
```
#090c15
```
#090c15 rgb(9,12,21)
```
#0f1423
```
#0f1423 rgb(15,20,35)
```
#151c30
```
#151c30 rgb(21,28,48)
```
#1a243e
```
#1a243e rgb(26,36,62)
```
#202d4c
```
#202d4c rgb(32,45,76)
```
#26355a
```
#26355a rgb(38,53,90)
```
#2c3d67
```
#2c3d67 rgb(44,61,103)
```
#324575
```
#324575 rgb(50,69,117)
```
#384d83
```
#384d83 rgb(56,77,131)
```
#3d5591
```
#3d5591 rgb(61,85,145)
```
#435d9e
```
#435d9e rgb(67,93,158)
```
#4965ac
```
#4965ac rgb(73,101,172)
```

Shade Color Variation

#536fb6
```
#536fb6 rgb(83,111,182)
```
#617bbc
```
#617bbc rgb(97,123,188)
```
#6f86c2
```
#6f86c2 rgb(111,134,194)
```
#7c92c8
```
#7c92c8 rgb(124,146,200)
```
#8a9dcd
```
#8a9dcd rgb(138,157,205)
```
#98a9d3
```
#98a9d3 rgb(152,169,211)
```
#a6b4d9
```
#a6b4d9 rgb(166,180,217)
```
#b3c0df
```
#b3c0df rgb(179,192,223)
```
#c1cbe5
```
#c1cbe5 rgb(193,203,229)
```
#cfd7eb
```
#cfd7eb rgb(207,215,235)
```
#dde2f0
```
#dde2f0 rgb(221,226,240)
```
#eaeef6
```
#eaeef6 rgb(234,238,246)
```
#f8f9fc
```
#f8f9fc rgb(248,249,252)
```

Tint Color Variation

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

#828387
```
#828387 rgb(130,131,135)
```
#797f90
```
#797f90 rgb(121,127,144)
```
#6f7b9a
```
#6f7b9a rgb(111,123,154)
```
#6677a3
```
#6677a3 rgb(102,119,163)
```
#5c73ad
```
#5c73ad rgb(92,115,173)
```
#536fb6
```
#536fb6 rgb(83,111,182)
```
#4a6bbf
```
#4a6bbf rgb(74,107,191)
```
#4067c9
```
#4067c9 rgb(64,103,201)
```
#3763d2
```
#3763d2 rgb(55,99,210)
```
#2d5fdc
```
#2d5fdc rgb(45,95,220)
```
#245be5
```
#245be5 rgb(36,91,229)
```
#1a56ef
```
#1a56ef rgb(26,86,239)
```
#1152f8
```
#1152f8 rgb(17,82,248)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#696f7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c76b9 Protanopia 1% of men
#4f78b8 Deuteranopia 1% of men
#45818a Tritanopia 0.001% of the population

Trichromacy

#5873b8 Protanomaly 1% of men, 0.01% of women
#5175b7 Deuteranomaly 6% of men, 0.4% of women
#4a7a9a Tritanomaly 0.01% of the population

#536fb6 hex color

#536fb6 Color Information

#536fb6 Color Conversion

Color Schemes with #536fb6

Alternatives to #536fb6

#536fb6 Preview

Shades and Tints of #536fb6

Tones of #536fb6

Color Blindness Simulator