#536bb3 hex color

In a RGB color space, hex #536bb3 is composed of 32.5% red, 42% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 40.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 225 degrees, a saturation of 38.7% and a lightness of 51.4%. #536bb3 color hex could be obtained by blending #a6d6ff with #000067. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 42
- B 70
RGB color chart
- C 54
- M 40
- Y 0
- K 30
CMYK color chart

● #536bb3 color description : Moderate blue.

The hexadecimal color #536bb3 has RGB values of R:83, G:107, B:179 and CMYK values of C:0.54, M:0.4, Y:0, K:0.3. Its decimal value is 5467059.

Hex triplet	536bb3	`#536bb3`
RGB Decimal	83, 107, 179	`rgb(83,107,179)`
RGB Percent	32.5, 42, 70.2	`rgb(32.5%,42%,70.2%)`
CMYK	54, 40, 0, 30
HSL	225°, 38.7, 51.4	`hsl(225,38.7%,51.4%)`
HSV (or HSB)	225°, 53.6, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	46.456, 12.283, -41.031
XYZ	16.96, 15.608, 44.764
xyY	0.219, 0.202, 15.608
CIE-LCH	46.456, 42.831, 286.666
CIE-LUV	46.456, -13.169, -62.703
Hunter-Lab	39.507, 7.49, -39.524
Binary	01010011, 01101011, 10110011

#536bb3
```
#536bb3 rgb(83,107,179)
```
#b39b53
```
#b39b53 rgb(179,155,83)
```

Complementary Color

#539bb3
```
#539bb3 rgb(83,155,179)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#6b53b3
```
#6b53b3 rgb(107,83,179)
```

Analogous Color

#9bb353
```
#9bb353 rgb(155,179,83)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#b36b53
```
#b36b53 rgb(179,107,83)
```

Split Complementary Color

#6bb353
```
#6bb353 rgb(107,179,83)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#b3536b
```
#b3536b rgb(179,83,107)
```

Triadic Color

#53b39b
```
#53b39b rgb(83,179,155)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#b3536b
```
#b3536b rgb(179,83,107)
```
#b39b53
```
#b39b53 rgb(179,155,83)
```

Tetradic Color

#394b81
```
#394b81 rgb(57,75,129)
```
#415592
```
#415592 rgb(65,85,146)
```
#485fa4
```
#485fa4 rgb(72,95,164)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#657abb
```
#657abb rgb(101,122,187)
```
#7689c3
```
#7689c3 rgb(118,137,195)
```
#8899ca
```
#8899ca rgb(136,153,202)
```

Monochromatic Color

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

#5383b3
```
#5383b3 rgb(83,131,179)
```
#537bb3
```
#537bb3 rgb(83,123,179)
```
#5373b3
```
#5373b3 rgb(83,115,179)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#5363b3
```
#5363b3 rgb(83,99,179)
```
#535bb3
```
#535bb3 rgb(83,91,179)
```
#5353b3
```
#5353b3 rgb(83,83,179)
```

Similar Colors

Text with hexadecimal color #536bb3

This text has a font color of #536bb3.

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

#536bb3 background color

This paragraph has a background color of #536bb3.

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

#536bb3 border color

This element has a border color of #536bb3.

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

CSS codes

.text {color:#536bb3;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080b12
```
#080b12 rgb(8,11,18)
```
#0e1320
```
#0e1320 rgb(14,19,32)
```
#141b2e
```
#141b2e rgb(20,27,46)
```
#1a223b
```
#1a223b rgb(26,34,59)
```
#202a49
```
#202a49 rgb(32,42,73)
```
#263256
```
#263256 rgb(38,50,86)
```
#2c3a64
```
#2c3a64 rgb(44,58,100)
```
#324272
```
#324272 rgb(50,66,114)
```
#384a7f
```
#384a7f rgb(56,74,127)
```
#3e528d
```
#3e528d rgb(62,82,141)
```
#445a9b
```
#445a9b rgb(68,90,155)
```
#4a62a8
```
#4a62a8 rgb(74,98,168)
```

Shade Color Variation

#536bb3
```
#536bb3 rgb(83,107,179)
```
#6177b9
```
#6177b9 rgb(97,119,185)
```
#6e82bf
```
#6e82bf rgb(110,130,191)
```
#7c8ec5
```
#7c8ec5 rgb(124,142,197)
```
#899acb
```
#899acb rgb(137,154,203)
```
#97a6d1
```
#97a6d1 rgb(151,166,209)
```
#a5b1d7
```
#a5b1d7 rgb(165,177,215)
```
#b2bddd
```
#b2bddd rgb(178,189,221)
```
#c0c9e3
```
#c0c9e3 rgb(192,201,227)
```
#cdd4e9
```
#cdd4e9 rgb(205,212,233)
```
#dbe0ef
```
#dbe0ef rgb(219,224,239)
```
#e9ecf5
```
#e9ecf5 rgb(233,236,245)
```
#f6f7fb
```
#f6f7fb rgb(246,247,251)
```

Tint Color Variation

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

#838383
```
#838383 rgb(131,131,131)
```
#797e8d
```
#797e8d rgb(121,126,141)
```
#707996
```
#707996 rgb(112,121,150)
```
#6675a0
```
#6675a0 rgb(102,117,160)
```
#5d70a9
```
#5d70a9 rgb(93,112,169)
```
#536bb3
```
#536bb3 rgb(83,107,179)
```
#4966bd
```
#4966bd rgb(73,102,189)
```
#4061c6
```
#4061c6 rgb(64,97,198)
```
#365dd0
```
#365dd0 rgb(54,93,208)
```
#2d58d9
```
#2d58d9 rgb(45,88,217)
```
#2353e3
```
#2353e3 rgb(35,83,227)
```
#1a4eec
```
#1a4eec rgb(26,78,236)
```
#104af6
```
#104af6 rgb(16,74,246)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#676c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#5873b7 Protanopia 1% of men
#4b76b5 Deuteranopia 1% of men
#467d86 Tritanopia 0.001% of the population

Trichromacy

#5670b5 Protanomaly 1% of men, 0.01% of women
#4e72b4 Deuteranomaly 6% of men, 0.4% of women
#4a7696 Tritanomaly 0.01% of the population

#536bb3 hex color

#536bb3 Color Information

#536bb3 Color Conversion

Color Schemes with #536bb3

Alternatives to #536bb3

#536bb3 Preview

Shades and Tints of #536bb3

Tones of #536bb3

Color Blindness Simulator