#536775 hex color

In a RGB color space, hex #536775 is composed of 32.5% red, 40.4% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 29.1% cyan, 12% magenta, 0% yellow and 54.1% black. It has a hue angle of 204.7 degrees, a saturation of 17% and a lightness of 39.2%. #536775 color hex could be obtained by blending #a6ceea with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 33
- G 40
- B 46
RGB color chart
- C 29
- M 12
- Y 0
- K 54
CMYK color chart

● #536775 color description : Mostly desaturated dark blue.

The hexadecimal color #536775 has RGB values of R:83, G:103, B:117 and CMYK values of C:0.29, M:0.12, Y:0, K:0.54. Its decimal value is 5465973.

Hex triplet	536775	`#536775`
RGB Decimal	83, 103, 117	`rgb(83,103,117)`
RGB Percent	32.5, 40.4, 45.9	`rgb(32.5%,40.4%,45.9%)`
CMYK	29, 12, 0, 54
HSL	204.7°, 17, 39.2	`hsl(204.7,17%,39.2%)`
HSV (or HSB)	204.7°, 29.1, 45.9
Web Safe	666666	`#666666`

CIE-LAB	42.496, -3.927, -10.298
XYZ	11.628, 12.824, 18.691
xyY	0.27, 0.297, 12.824
CIE-LCH	42.496, 11.021, 249.126
CIE-LUV	42.496, -10.491, -13.556
Hunter-Lab	35.81, -4.707, -5.88
Binary	01010011, 01100111, 01110101

#536775
```
#536775 rgb(83,103,117)
```
#756153
```
#756153 rgb(117,97,83)
```

Complementary Color

#537572
```
#537572 rgb(83,117,114)
```
#536775
```
#536775 rgb(83,103,117)
```
#535675
```
#535675 rgb(83,86,117)
```

Analogous Color

#757253
```
#757253 rgb(117,114,83)
```
#536775
```
#536775 rgb(83,103,117)
```
#755356
```
#755356 rgb(117,83,86)
```

Split Complementary Color

#677553
```
#677553 rgb(103,117,83)
```
#536775
```
#536775 rgb(83,103,117)
```
#755367
```
#755367 rgb(117,83,103)
```

Triadic Color

#537561
```
#537561 rgb(83,117,97)
```
#536775
```
#536775 rgb(83,103,117)
```
#755367
```
#755367 rgb(117,83,103)
```
#756153
```
#756153 rgb(117,97,83)
```

Tetradic Color

#334048
```
#334048 rgb(51,64,72)
```
#3e4d57
```
#3e4d57 rgb(62,77,87)
```
#485a66
```
#485a66 rgb(72,90,102)
```
#536775
```
#536775 rgb(83,103,117)
```
#5e7484
```
#5e7484 rgb(94,116,132)
```
#688193
```
#688193 rgb(104,129,147)
```
#768e9e
```
#768e9e rgb(118,142,158)
```

Monochromatic Color

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

#537075
```
#537075 rgb(83,112,117)
```
#536d75
```
#536d75 rgb(83,109,117)
```
#536a75
```
#536a75 rgb(83,106,117)
```
#536775
```
#536775 rgb(83,103,117)
```
#536475
```
#536475 rgb(83,100,117)
```
#536175
```
#536175 rgb(83,97,117)
```
#535f75
```
#535f75 rgb(83,95,117)
```

Similar Colors

Text with hexadecimal color #536775

This text has a font color of #536775.

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

#536775 background color

This paragraph has a background color of #536775.

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

#536775 border color

This element has a border color of #536775.

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

CSS codes

.text {color:#536775;}

.background {background-color:#536775;}

.border {border:1px solid #536775;}

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

#020202
```
#020202 rgb(2,2,2)
```
#0a0c0e
```
#0a0c0e rgb(10,12,14)
```
#121619
```
#121619 rgb(18,22,25)
```
#1a2025
```
#1a2025 rgb(26,32,37)
```
#222a30
```
#222a30 rgb(34,42,48)
```
#2a343c
```
#2a343c rgb(42,52,60)
```
#323f47
```
#323f47 rgb(50,63,71)
```
#3b4953
```
#3b4953 rgb(59,73,83)
```
#43535e
```
#43535e rgb(67,83,94)
```
#4b5d6a
```
#4b5d6a rgb(75,93,106)
```
#536775
```
#536775 rgb(83,103,117)
```
#5b7180
```
#5b7180 rgb(91,113,128)
```
#637b8c
```
#637b8c rgb(99,123,140)
```

Shade Color Variation

#6c8597
```
#6c8597 rgb(108,133,151)
```
#788f9f
```
#788f9f rgb(120,143,159)
```
#8398a7
```
#8398a7 rgb(131,152,167)
```
#8fa2af
```
#8fa2af rgb(143,162,175)
```
#9aabb7
```
#9aabb7 rgb(154,171,183)
```
#a5b5bf
```
#a5b5bf rgb(165,181,191)
```
#b1bec8
```
#b1bec8 rgb(177,190,200)
```
#bcc8d0
```
#bcc8d0 rgb(188,200,208)
```
#c8d1d8
```
#c8d1d8 rgb(200,209,216)
```
#d3dbe0
```
#d3dbe0 rgb(211,219,224)
```
#dfe4e8
```
#dfe4e8 rgb(223,228,232)
```
#eaeef0
```
#eaeef0 rgb(234,238,240)
```
#f6f7f8
```
#f6f7f8 rgb(246,247,248)
```

Tint Color Variation

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

#626466
```
#626466 rgb(98,100,102)
```
#5b666d
```
#5b666d rgb(91,102,109)
```
#536775
```
#536775 rgb(83,103,117)
```
#4b687d
```
#4b687d rgb(75,104,125)
```
#446a84
```
#446a84 rgb(68,106,132)
```
#3c6b8c
```
#3c6b8c rgb(60,107,140)
```
#346c94
```
#346c94 rgb(52,108,148)
```
#2d6e9b
```
#2d6e9b rgb(45,110,155)
```
#256fa3
```
#256fa3 rgb(37,111,163)
```
#1d71ab
```
#1d71ab rgb(29,113,171)
```
#1572b3
```
#1572b3 rgb(21,114,179)
```
#0e73ba
```
#0e73ba rgb(14,115,186)
```
#0675c2
```
#0675c2 rgb(6,117,194)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#606467 Atypical Achromatopsia 0.001% of the population

Dichromacy

#696b7a Protanopia 1% of men
#6d6a7d Deuteranopia 1% of men
#5a6f77 Tritanopia 0.001% of the population

Trichromacy

#616978 Protanomaly 1% of men, 0.01% of women
#63687a Deuteranomaly 6% of men, 0.4% of women
#576c76 Tritanomaly 0.01% of the population

#536775 hex color

#536775 Color Information

#536775 Color Conversion

Color Schemes with #536775

Alternatives to #536775

#536775 Preview

Shades and Tints of #536775

Tones of #536775

Color Blindness Simulator