#536ba4 hex color

In a RGB color space, hex #536ba4 is composed of 32.5% red, 42% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 34.8% magenta, 0% yellow and 35.7% black. It has a hue angle of 222.2 degrees, a saturation of 32.8% and a lightness of 48.4%. #536ba4 color hex could be obtained by blending #a6d6ff with #000049. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 42
- B 64
RGB color chart
- C 49
- M 35
- Y 0
- K 36
CMYK color chart

● #536ba4 color description : Dark moderate blue.

The hexadecimal color #536ba4 has RGB values of R:83, G:107, B:164 and CMYK values of C:0.49, M:0.35, Y:0, K:0.36. Its decimal value is 5467044.

Hex triplet	536ba4	`#536ba4`
RGB Decimal	83, 107, 164	`rgb(83,107,164)`
RGB Percent	32.5, 42, 64.3	`rgb(32.5%,42%,64.3%)`
CMYK	49, 35, 0, 36
HSL	222.2°, 32.8, 48.4	`hsl(222.2,32.8%,48.4%)`
HSV (or HSB)	222.2°, 49.4, 64.3
Web Safe	666699	`#666699`

CIE-LAB	45.681, 7.448, -33.475
XYZ	15.524, 15.034, 37.204
xyY	0.229, 0.222, 15.034
CIE-LCH	45.681, 34.293, 282.545
CIE-LUV	45.681, -12.916, -50.268
Hunter-Lab	38.774, 3.614, -29.748
Binary	01010011, 01101011, 10100100

#536ba4
```
#536ba4 rgb(83,107,164)
```
#a48c53
```
#a48c53 rgb(164,140,83)
```

Complementary Color

#5394a4
```
#5394a4 rgb(83,148,164)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#6453a4
```
#6453a4 rgb(100,83,164)
```

Analogous Color

#94a453
```
#94a453 rgb(148,164,83)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#a46453
```
#a46453 rgb(164,100,83)
```

Split Complementary Color

#6ba453
```
#6ba453 rgb(107,164,83)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#a4536b
```
#a4536b rgb(164,83,107)
```

Triadic Color

#53a48c
```
#53a48c rgb(83,164,140)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#a4536b
```
#a4536b rgb(164,83,107)
```
#a48c53
```
#a48c53 rgb(164,140,83)
```

Tetradic Color

#394a71
```
#394a71 rgb(57,74,113)
```
#425582
```
#425582 rgb(66,85,130)
```
#4a6093
```
#4a6093 rgb(74,96,147)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#6178af
```
#6178af rgb(97,120,175)
```
#7287b8
```
#7287b8 rgb(114,135,184)
```
#8395c0
```
#8395c0 rgb(131,149,192)
```

Monochromatic Color

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

#537fa4
```
#537fa4 rgb(83,127,164)
```
#5379a4
```
#5379a4 rgb(83,121,164)
```
#5372a4
```
#5372a4 rgb(83,114,164)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#5364a4
```
#5364a4 rgb(83,100,164)
```
#535ea4
```
#535ea4 rgb(83,94,164)
```
#5357a4
```
#5357a4 rgb(83,87,164)
```

Similar Colors

Text with hexadecimal color #536ba4

This text has a font color of #536ba4.

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

#536ba4 background color

This paragraph has a background color of #536ba4.

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

#536ba4 border color

This element has a border color of #536ba4.

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

CSS codes

.text {color:#536ba4;}

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

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

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 #fafafc is the lightest one.

#040508
```
#040508 rgb(4,5,8)
```
#0a0e15
```
#0a0e15 rgb(10,14,21)
```
#111622
```
#111622 rgb(17,22,34)
```
#181f2f
```
#181f2f rgb(24,31,47)
```
#1e273c
```
#1e273c rgb(30,39,60)
```
#253049
```
#253049 rgb(37,48,73)
```
#2b3856
```
#2b3856 rgb(43,56,86)
```
#324163
```
#324163 rgb(50,65,99)
```
#394970
```
#394970 rgb(57,73,112)
```
#3f527d
```
#3f527d rgb(63,82,125)
```
#465a8a
```
#465a8a rgb(70,90,138)
```
#4c6397
```
#4c6397 rgb(76,99,151)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```

Shade Color Variation

#5d75ad
```
#5d75ad rgb(93,117,173)
```
#6a80b4
```
#6a80b4 rgb(106,128,180)
```
#778bba
```
#778bba rgb(119,139,186)
```
#8496c1
```
#8496c1 rgb(132,150,193)
```
#91a2c8
```
#91a2c8 rgb(145,162,200)
```
#9fadce
```
#9fadce rgb(159,173,206)
```
#acb8d5
```
#acb8d5 rgb(172,184,213)
```
#b9c3db
```
#b9c3db rgb(185,195,219)
```
#c6cee2
```
#c6cee2 rgb(198,206,226)
```
#d3d9e9
```
#d3d9e9 rgb(211,217,233)
```
#e0e4ef
```
#e0e4ef rgb(224,228,239)
```
#edeff6
```
#edeff6 rgb(237,239,246)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797a7e is the less saturated color, while #074cf0 is the most saturated one.

#797a7e
```
#797a7e rgb(121,122,126)
```
#707788
```
#707788 rgb(112,119,136)
```
#667391
```
#667391 rgb(102,115,145)
```
#5d6f9b
```
#5d6f9b rgb(93,111,155)
```
#536ba4
```
#536ba4 rgb(83,107,164)
```
#4a67ae
```
#4a67ae rgb(74,103,174)
```
#4063b7
```
#4063b7 rgb(64,99,183)
```
#375fc1
```
#375fc1 rgb(55,95,193)
```
#2d5cca
```
#2d5cca rgb(45,92,202)
```
#2458d4
```
#2458d4 rgb(36,88,212)
```
#1a54dd
```
#1a54dd rgb(26,84,221)
```
#1150e7
```
#1150e7 rgb(17,80,231)
```
#074cf0
```
#074cf0 rgb(7,76,240)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#656a76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f72a8 Protanopia 1% of men
#5873a8 Deuteranopia 1% of men
#4d7a83 Tritanopia 0.001% of the population

Trichromacy

#5a6fa6 Protanomaly 1% of men, 0.01% of women
#5670a6 Deuteranomaly 6% of men, 0.4% of women
#4f748f Tritanomaly 0.01% of the population

#536ba4 hex color

#536ba4 Color Information

#536ba4 Color Conversion

Color Schemes with #536ba4

Alternatives to #536ba4

#536ba4 Preview

Shades and Tints of #536ba4

Tones of #536ba4

Color Blindness Simulator