#536489 hex color

In a RGB color space, hex #536489 is composed of 32.5% red, 39.2% green and 53.7% blue. Whereas in a CMYK color space, it is composed of 39.4% cyan, 27% magenta, 0% yellow and 46.3% black. It has a hue angle of 221.1 degrees, a saturation of 24.5% and a lightness of 43.1%. #536489 color hex could be obtained by blending #a6c8ff with #000013. Closest websafe color is: #666699.

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

● #536489 color description : Mostly desaturated dark blue.

The hexadecimal color #536489 has RGB values of R:83, G:100, B:137 and CMYK values of C:0.39, M:0.27, Y:0, K:0.46. Its decimal value is 5465225.

Hex triplet	536489	`#536489`
RGB Decimal	83, 100, 137	`rgb(83,100,137)`
RGB Percent	32.5, 39.2, 53.7	`rgb(32.5%,39.2%,53.7%)`
CMYK	39, 27, 0, 46
HSL	221.1°, 24.5, 43.1	`hsl(221.1,24.5%,43.1%)`
HSV (or HSB)	221.1°, 39.4, 53.7
Web Safe	666699	`#666699`

CIE-LAB	42.398, 3.492, -22.532
XYZ	12.639, 12.759, 25.462
xyY	0.249, 0.251, 12.759
CIE-LCH	42.398, 22.801, 278.809
CIE-LUV	42.398, -9.673, -32.423
Hunter-Lab	35.72, 0.649, -17.26
Binary	01010011, 01100100, 10001001

#536489
```
#536489 rgb(83,100,137)
```
#897853
```
#897853 rgb(137,120,83)
```

Complementary Color

#537f89
```
#537f89 rgb(83,127,137)
```
#536489
```
#536489 rgb(83,100,137)
```
#5d5389
```
#5d5389 rgb(93,83,137)
```

Analogous Color

#7f8953
```
#7f8953 rgb(127,137,83)
```
#536489
```
#536489 rgb(83,100,137)
```
#895d53
```
#895d53 rgb(137,93,83)
```

Split Complementary Color

#648953
```
#648953 rgb(100,137,83)
```
#536489
```
#536489 rgb(83,100,137)
```
#895364
```
#895364 rgb(137,83,100)
```

Triadic Color

#538978
```
#538978 rgb(83,137,120)
```
#536489
```
#536489 rgb(83,100,137)
```
#895364
```
#895364 rgb(137,83,100)
```
#897853
```
#897853 rgb(137,120,83)
```

Tetradic Color

#364159
```
#364159 rgb(54,65,89)
```
#404d69
```
#404d69 rgb(64,77,105)
```
#495879
```
#495879 rgb(73,88,121)
```
#536489
```
#536489 rgb(83,100,137)
```
#5d7099
```
#5d7099 rgb(93,112,153)
```
#6a7da5
```
#6a7da5 rgb(106,125,165)
```
#7a8bae
```
#7a8bae rgb(122,139,174)
```

Monochromatic Color

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

#537289
```
#537289 rgb(83,114,137)
```
#536d89
```
#536d89 rgb(83,109,137)
```
#536989
```
#536989 rgb(83,105,137)
```
#536489
```
#536489 rgb(83,100,137)
```
#536089
```
#536089 rgb(83,96,137)
```
#535b89
```
#535b89 rgb(83,91,137)
```
#535789
```
#535789 rgb(83,87,137)
```

Similar Colors

Text with hexadecimal color #536489

This text has a font color of #536489.

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

#536489 background color

This paragraph has a background color of #536489.

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

#536489 border color

This element has a border color of #536489.

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

CSS codes

.text {color:#536489;}

.background {background-color:#536489;}

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

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

#020203
```
#020203 rgb(2,2,3)
```
#090b0f
```
#090b0f rgb(9,11,15)
```
#10141b
```
#10141b rgb(16,20,27)
```
#181d27
```
#181d27 rgb(24,29,39)
```
#1f2633
```
#1f2633 rgb(31,38,51)
```
#272f40
```
#272f40 rgb(39,47,64)
```
#2e374c
```
#2e374c rgb(46,55,76)
```
#354058
```
#354058 rgb(53,64,88)
```
#3d4964
```
#3d4964 rgb(61,73,100)
```
#445271
```
#445271 rgb(68,82,113)
```
#4c5b7d
```
#4c5b7d rgb(76,91,125)
```
#536489
```
#536489 rgb(83,100,137)
```
#5a6d95
```
#5a6d95 rgb(90,109,149)
```

Shade Color Variation

#6376a0
```
#6376a0 rgb(99,118,160)
```
#6f81a8
```
#6f81a8 rgb(111,129,168)
```
#7b8caf
```
#7b8caf rgb(123,140,175)
```
#8796b7
```
#8796b7 rgb(135,150,183)
```
#94a1be
```
#94a1be rgb(148,161,190)
```
#a0acc5
```
#a0acc5 rgb(160,172,197)
```
#acb6cd
```
#acb6cd rgb(172,182,205)
```
#b8c1d4
```
#b8c1d4 rgb(184,193,212)
```
#c5ccdc
```
#c5ccdc rgb(197,204,220)
```
#d1d7e3
```
#d1d7e3 rgb(209,215,227)
```
#dde1ea
```
#dde1ea rgb(221,225,234)
```
#e9ecf2
```
#e9ecf2 rgb(233,236,242)
```
#f5f7f9
```
#f5f7f9 rgb(245,247,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6c6d70 is the less saturated color, while #0748d5 is the most saturated one.

#6c6d70
```
#6c6d70 rgb(108,109,112)
```
#646a78
```
#646a78 rgb(100,106,120)
```
#5b6781
```
#5b6781 rgb(91,103,129)
```
#536489
```
#536489 rgb(83,100,137)
```
#4b6191
```
#4b6191 rgb(75,97,145)
```
#425e9a
```
#425e9a rgb(66,94,154)
```
#3a5ba2
```
#3a5ba2 rgb(58,91,162)
```
#3157ab
```
#3157ab rgb(49,87,171)
```
#2954b3
```
#2954b3 rgb(41,84,179)
```
#2051bc
```
#2051bc rgb(32,81,188)
```
#184ec4
```
#184ec4 rgb(24,78,196)
```
#0f4bcd
```
#0f4bcd rgb(15,75,205)
```
#0748d5
```
#0748d5 rgb(7,72,213)
```

Tone Color Variation

Below, you can see how #536489 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
#60636b Atypical Achromatopsia 0.001% of the population

Dichromacy

#616a8e Protanopia 1% of men
#606a8f Deuteranopia 1% of men
#557078 Tritanopia 0.001% of the population

Trichromacy

#5c688c Protanomaly 1% of men, 0.01% of women
#5b688d Deuteranomaly 6% of men, 0.4% of women
#546b7e Tritanomaly 0.01% of the population

#536489 hex color

#536489 Color Information

#536489 Color Conversion

Color Schemes with #536489

Alternatives to #536489

#536489 Preview

Shades and Tints of #536489

Tones of #536489

Color Blindness Simulator