#536eb8 hex color

In a RGB color space, hex #536eb8 is composed of 32.5% red, 43.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 40.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 224 degrees, a saturation of 41.6% and a lightness of 52.4%. #536eb8 color hex could be obtained by blending #a6dcff with #000071. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 43
- B 72
RGB color chart
- C 55
- M 40
- Y 0
- K 28
CMYK color chart

● #536eb8 color description : Moderate blue.

The hexadecimal color #536eb8 has RGB values of R:83, G:110, B:184 and CMYK values of C:0.55, M:0.4, Y:0, K:0.28. Its decimal value is 5467832.

Hex triplet	536eb8	`#536eb8`
RGB Decimal	83, 110, 184	`rgb(83,110,184)`
RGB Percent	32.5, 43.1, 72.2	`rgb(32.5%,43.1%,72.2%)`
CMYK	55, 40, 0, 28
HSL	224°, 41.6, 52.4	`hsl(224,41.6%,52.4%)`
HSV (or HSB)	224°, 54.9, 72.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	47.56, 12.061, -42.185
XYZ	17.793, 16.451, 47.582
xyY	0.217, 0.201, 16.451
CIE-LCH	47.56, 43.876, 285.955
CIE-LUV	47.56, -14.281, -64.815
Hunter-Lab	40.559, 7.327, -41.165
Binary	01010011, 01101110, 10111000

#536eb8
```
#536eb8 rgb(83,110,184)
```
#b89d53
```
#b89d53 rgb(184,157,83)
```

Complementary Color

#53a1b8
```
#53a1b8 rgb(83,161,184)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#6b53b8
```
#6b53b8 rgb(107,83,184)
```

Analogous Color

#a1b853
```
#a1b853 rgb(161,184,83)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#b86b53
```
#b86b53 rgb(184,107,83)
```

Split Complementary Color

#6eb853
```
#6eb853 rgb(110,184,83)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#b8536e
```
#b8536e rgb(184,83,110)
```

Triadic Color

#53b89d
```
#53b89d rgb(83,184,157)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#b8536e
```
#b8536e rgb(184,83,110)
```
#b89d53
```
#b89d53 rgb(184,157,83)
```

Tetradic Color

#384d87
```
#384d87 rgb(56,77,135)
```
#3f5799
```
#3f5799 rgb(63,87,153)
```
#4761ab
```
#4761ab rgb(71,97,171)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#657dbf
```
#657dbf rgb(101,125,191)
```
#778cc7
```
#778cc7 rgb(119,140,199)
```
#899cce
```
#899cce rgb(137,156,206)
```

Monochromatic Color

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

#5387b8
```
#5387b8 rgb(83,135,184)
```
#537fb8
```
#537fb8 rgb(83,127,184)
```
#5376b8
```
#5376b8 rgb(83,118,184)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#5366b8
```
#5366b8 rgb(83,102,184)
```
#535db8
```
#535db8 rgb(83,93,184)
```
#5355b8
```
#5355b8 rgb(83,85,184)
```

Similar Colors

Text with hexadecimal color #536eb8

This text has a font color of #536eb8.

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

#536eb8 background color

This paragraph has a background color of #536eb8.

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

#536eb8 border color

This element has a border color of #536eb8.

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

CSS codes

.text {color:#536eb8;}

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

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

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

#040508
```
#040508 rgb(4,5,8)
```
#090d16
```
#090d16 rgb(9,13,22)
```
#0f1524
```
#0f1524 rgb(15,21,36)
```
#151d32
```
#151d32 rgb(21,29,50)
```
#1a2440
```
#1a2440 rgb(26,36,64)
```
#202c4e
```
#202c4e rgb(32,44,78)
```
#26345c
```
#26345c rgb(38,52,92)
```
#2c3c6a
```
#2c3c6a rgb(44,60,106)
```
#314478
```
#314478 rgb(49,68,120)
```
#374c85
```
#374c85 rgb(55,76,133)
```
#3d5493
```
#3d5493 rgb(61,84,147)
```
#435ca1
```
#435ca1 rgb(67,92,161)
```
#4864af
```
#4864af rgb(72,100,175)
```

Shade Color Variation

#536eb8
```
#536eb8 rgb(83,110,184)
```
#617abe
```
#617abe rgb(97,122,190)
```
#6f85c3
```
#6f85c3 rgb(111,133,195)
```
#7d91c9
```
#7d91c9 rgb(125,145,201)
```
#8b9dcf
```
#8b9dcf rgb(139,157,207)
```
#98a9d5
```
#98a9d5 rgb(152,169,213)
```
#a6b4da
```
#a6b4da rgb(166,180,218)
```
#b4c0e0
```
#b4c0e0 rgb(180,192,224)
```
#c2cce6
```
#c2cce6 rgb(194,204,230)
```
#d0d7ec
```
#d0d7ec rgb(208,215,236)
```
#dee3f1
```
#dee3f1 rgb(222,227,241)
```
#eceff7
```
#eceff7 rgb(236,239,247)
```
#fafafd
```
#fafafd rgb(250,250,253)
```

Tint Color Variation

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

#828489
```
#828489 rgb(130,132,137)
```
#787f93
```
#787f93 rgb(120,127,147)
```
#6f7b9c
```
#6f7b9c rgb(111,123,156)
```
#6677a5
```
#6677a5 rgb(102,119,165)
```
#5c72af
```
#5c72af rgb(92,114,175)
```
#536eb8
```
#536eb8 rgb(83,110,184)
```
#4a6ac1
```
#4a6ac1 rgb(74,106,193)
```
#4065cb
```
#4065cb rgb(64,101,203)
```
#3761d4
```
#3761d4 rgb(55,97,212)
```
#2e5ddd
```
#2e5ddd rgb(46,93,221)
```
#2458e7
```
#2458e7 rgb(36,88,231)
```
#1b54f0
```
#1b54f0 rgb(27,84,240)
```
#1250f9
```
#1250f9 rgb(18,80,249)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#696e7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#5975bc Protanopia 1% of men
#4c78ba Deuteranopia 1% of men
#44808a Tritanopia 0.001% of the population

Trichromacy

#5773ba Protanomaly 1% of men, 0.01% of women
#4e74b9 Deuteranomaly 6% of men, 0.4% of women
#49799a Tritanomaly 0.01% of the population

#536eb8 hex color

#536eb8 Color Information

#536eb8 Color Conversion

Color Schemes with #536eb8

Alternatives to #536eb8

#536eb8 Preview

Shades and Tints of #536eb8

Tones of #536eb8

Color Blindness Simulator