#537aac hex color

In a RGB color space, hex #537aac is composed of 32.5% red, 47.8% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 51.7% cyan, 29.1% magenta, 0% yellow and 32.5% black. It has a hue angle of 213.7 degrees, a saturation of 34.9% and a lightness of 50%. #537aac color hex could be obtained by blending #a6f4ff with #000059. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 67
RGB color chart
- C 52
- M 29
- Y 0
- K 33
CMYK color chart

● #537aac color description : Dark moderate blue.

The hexadecimal color #537aac has RGB values of R:83, G:122, B:172 and CMYK values of C:0.52, M:0.29, Y:0, K:0.33. Its decimal value is 5470892.

Hex triplet	537aac	`#537aac`
RGB Decimal	83, 122, 172	`rgb(83,122,172)`
RGB Percent	32.5, 47.8, 67.5	`rgb(32.5%,47.8%,67.5%)`
CMYK	52, 29, 0, 33
HSL	213.7°, 34.9, 50	`hsl(213.7,34.9%,50%)`
HSV (or HSB)	213.7°, 51.7, 67.5
Web Safe	666699	`#666699`

CIE-LAB	50.377, 0.875, -30.795
XYZ	17.972, 18.736, 41.697
xyY	0.229, 0.239, 18.736
CIE-LCH	50.377, 30.807, 271.627
CIE-LUV	50.377, -18.557, -46.325
Hunter-Lab	43.285, -1.636, -26.816
Binary	01010011, 01111010, 10101100

#537aac
```
#537aac rgb(83,122,172)
```
#ac8553
```
#ac8553 rgb(172,133,83)
```

Complementary Color

#53a7ac
```
#53a7ac rgb(83,167,172)
```
#537aac
```
#537aac rgb(83,122,172)
```
#5953ac
```
#5953ac rgb(89,83,172)
```

Analogous Color

#a7ac53
```
#a7ac53 rgb(167,172,83)
```
#537aac
```
#537aac rgb(83,122,172)
```
#ac5853
```
#ac5853 rgb(172,88,83)
```

Split Complementary Color

#7aac53
```
#7aac53 rgb(122,172,83)
```
#537aac
```
#537aac rgb(83,122,172)
```
#ac537a
```
#ac537a rgb(172,83,122)
```

Triadic Color

#53ac85
```
#53ac85 rgb(83,172,133)
```
#537aac
```
#537aac rgb(83,122,172)
```
#ac537a
```
#ac537a rgb(172,83,122)
```
#ac8553
```
#ac8553 rgb(172,133,83)
```

Tetradic Color

#3a5578
```
#3a5578 rgb(58,85,120)
```
#42628a
```
#42628a rgb(66,98,138)
```
#4b6e9b
```
#4b6e9b rgb(75,110,155)
```
#537aac
```
#537aac rgb(83,122,172)
```
#6487b4
```
#6487b4 rgb(100,135,180)
```
#7595bd
```
#7595bd rgb(117,149,189)
```
#87a2c5
```
#87a2c5 rgb(135,162,197)
```

Monochromatic Color

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

#5390ac
```
#5390ac rgb(83,144,172)
```
#5389ac
```
#5389ac rgb(83,137,172)
```
#5381ac
```
#5381ac rgb(83,129,172)
```
#537aac
```
#537aac rgb(83,122,172)
```
#5373ac
```
#5373ac rgb(83,115,172)
```
#536bac
```
#536bac rgb(83,107,172)
```
#5364ac
```
#5364ac rgb(83,100,172)
```

Similar Colors

Text with hexadecimal color #537aac

This text has a font color of #537aac.

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

#537aac background color

This paragraph has a background color of #537aac.

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

#537aac border color

This element has a border color of #537aac.

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

CSS codes

.text {color:#537aac;}

.background {background-color:#537aac;}

.border {border:1px solid #537aac;}

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, #06090d is the darkest color, while #ffffff is the lightest one.

#06090d
```
#06090d rgb(6,9,13)
```
#0d131a
```
#0d131a rgb(13,19,26)
```
#131c28
```
#131c28 rgb(19,28,40)
```
#1a2635
```
#1a2635 rgb(26,38,53)
```
#202f42
```
#202f42 rgb(32,47,66)
```
#26384f
```
#26384f rgb(38,56,79)
```
#2d425d
```
#2d425d rgb(45,66,93)
```
#334b6a
```
#334b6a rgb(51,75,106)
```
#395477
```
#395477 rgb(57,84,119)
```
#405e84
```
#405e84 rgb(64,94,132)
```
#466792
```
#466792 rgb(70,103,146)
```
#4d719f
```
#4d719f rgb(77,113,159)
```
#537aac
```
#537aac rgb(83,122,172)
```

Shade Color Variation

#6084b2
```
#6084b2 rgb(96,132,178)
```
#6d8eb9
```
#6d8eb9 rgb(109,142,185)
```
#7b99bf
```
#7b99bf rgb(123,153,191)
```
#88a3c6
```
#88a3c6 rgb(136,163,198)
```
#95adcc
```
#95adcc rgb(149,173,204)
```
#a2b7d2
```
#a2b7d2 rgb(162,183,210)
```
#b0c2d9
```
#b0c2d9 rgb(176,194,217)
```
#bdccdf
```
#bdccdf rgb(189,204,223)
```
#cad6e5
```
#cad6e5 rgb(202,214,229)
```
#d7e0ec
```
#d7e0ec rgb(215,224,236)
```
#e5ebf2
```
#e5ebf2 rgb(229,235,242)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7f85 is the less saturated color, while #0570fa is the most saturated one.

#7a7f85
```
#7a7f85 rgb(122,127,133)
```
#707e8f
```
#707e8f rgb(112,126,143)
```
#677c98
```
#677c98 rgb(103,124,152)
```
#5d7ba2
```
#5d7ba2 rgb(93,123,162)
```
#537aac
```
#537aac rgb(83,122,172)
```
#4979b6
```
#4979b6 rgb(73,121,182)
```
#3f78c0
```
#3f78c0 rgb(63,120,192)
```
#3676c9
```
#3676c9 rgb(54,118,201)
```
#2c75d3
```
#2c75d3 rgb(44,117,211)
```
#2274dd
```
#2274dd rgb(34,116,221)
```
#1873e7
```
#1873e7 rgb(24,115,231)
```
#0e72f1
```
#0e72f1 rgb(14,114,241)
```
#0570fa
```
#0570fa rgb(5,112,250)
```

Tone Color Variation

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

#747474 Achromatopsia 0.005% of the population
#6d757f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e7dad Protanopia 1% of men
#697eb1 Deuteranopia 1% of men
#4e8791 Tritanopia 0.001% of the population

Trichromacy

#647cad Protanomaly 1% of men, 0.01% of women
#617caf Deuteranomaly 6% of men, 0.4% of women
#50829a Tritanomaly 0.01% of the population

#537aac hex color

#537aac Color Information

#537aac Color Conversion

Color Schemes with #537aac

Alternatives to #537aac

#537aac Preview

Shades and Tints of #537aac

Tones of #537aac

Color Blindness Simulator