#537ab2 hex color

In a RGB color space, hex #537ab2 is composed of 32.5% red, 47.8% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 31.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 215.4 degrees, a saturation of 38.2% and a lightness of 51.2%. #537ab2 color hex could be obtained by blending #a6f4ff with #000065. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 70
RGB color chart
- C 53
- M 31
- Y 0
- K 30
CMYK color chart

● #537ab2 color description : Dark moderate blue.

The hexadecimal color #537ab2 has RGB values of R:83, G:122, B:178 and CMYK values of C:0.53, M:0.31, Y:0, K:0.3. Its decimal value is 5470898.

Hex triplet	537ab2	`#537ab2`
RGB Decimal	83, 122, 178	`rgb(83,122,178)`
RGB Percent	32.5, 47.8, 69.8	`rgb(32.5%,47.8%,69.8%)`
CMYK	53, 31, 0, 30
HSL	215.4°, 38.2, 51.2	`hsl(215.4,38.2%,51.2%)`
HSV (or HSB)	215.4°, 53.4, 69.8
Web Safe	666699	`#666699`

CIE-LAB	50.654, 2.783, -33.835
XYZ	18.561, 18.971, 44.801
xyY	0.225, 0.23, 18.971
CIE-LCH	50.654, 33.949, 274.702
CIE-LUV	50.654, -18.539, -51.427
Hunter-Lab	43.556, -0.158, -30.495
Binary	01010011, 01111010, 10110010

#537ab2
```
#537ab2 rgb(83,122,178)
```
#b28b53
```
#b28b53 rgb(178,139,83)
```

Complementary Color

#53aab2
```
#53aab2 rgb(83,170,178)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#5b53b2
```
#5b53b2 rgb(91,83,178)
```

Analogous Color

#aab253
```
#aab253 rgb(170,178,83)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#b25b53
```
#b25b53 rgb(178,91,83)
```

Split Complementary Color

#7ab253
```
#7ab253 rgb(122,178,83)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#b2537a
```
#b2537a rgb(178,83,122)
```

Triadic Color

#53b28b
```
#53b28b rgb(83,178,139)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#b2537a
```
#b2537a rgb(178,83,122)
```
#b28b53
```
#b28b53 rgb(178,139,83)
```

Tetradic Color

#39567f
```
#39567f rgb(57,86,127)
```
#416291
```
#416291 rgb(65,98,145)
```
#496ea3
```
#496ea3 rgb(73,110,163)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#6588ba
```
#6588ba rgb(101,136,186)
```
#7695c2
```
#7695c2 rgb(118,149,194)
```
#88a3ca
```
#88a3ca rgb(136,163,202)
```

Monochromatic Color

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

#5392b2
```
#5392b2 rgb(83,146,178)
```
#538ab2
```
#538ab2 rgb(83,138,178)
```
#5382b2
```
#5382b2 rgb(83,130,178)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#5372b2
```
#5372b2 rgb(83,114,178)
```
#536ab2
```
#536ab2 rgb(83,106,178)
```
#5362b2
```
#5362b2 rgb(83,98,178)
```

Similar Colors

Text with hexadecimal color #537ab2

This text has a font color of #537ab2.

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

#537ab2 background color

This paragraph has a background color of #537ab2.

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

#537ab2 border color

This element has a border color of #537ab2.

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

CSS codes

.text {color:#537ab2;}

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

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

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

#020304
```
#020304 rgb(2,3,4)
```
#080c12
```
#080c12 rgb(8,12,18)
```
#0e151f
```
#0e151f rgb(14,21,31)
```
#141e2d
```
#141e2d rgb(20,30,45)
```
#1a273a
```
#1a273a rgb(26,39,58)
```
#203048
```
#203048 rgb(32,48,72)
```
#263a55
```
#263a55 rgb(38,58,85)
```
#2c4363
```
#2c4363 rgb(44,67,99)
```
#324c71
```
#324c71 rgb(50,76,113)
```
#38557e
```
#38557e rgb(56,85,126)
```
#3f5e8c
```
#3f5e8c rgb(63,94,140)
```
#456799
```
#456799 rgb(69,103,153)
```
#4b70a7
```
#4b70a7 rgb(75,112,167)
```

Shade Color Variation

#537ab2
```
#537ab2 rgb(83,122,178)
```
#6184b8
```
#6184b8 rgb(97,132,184)
```
#6e8fbe
```
#6e8fbe rgb(110,143,190)
```
#7c99c4
```
#7c99c4 rgb(124,153,196)
```
#89a4ca
```
#89a4ca rgb(137,164,202)
```
#97aed0
```
#97aed0 rgb(151,174,208)
```
#a4b9d6
```
#a4b9d6 rgb(164,185,214)
```
#b2c3dc
```
#b2c3dc rgb(178,195,220)
```
#bfcee3
```
#bfcee3 rgb(191,206,227)
```
#cdd8e9
```
#cdd8e9 rgb(205,216,233)
```
#dae3ef
```
#dae3ef rgb(218,227,239)
```
#e8edf5
```
#e8edf5 rgb(232,237,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #79818c is the less saturated color, while #066cff is the most saturated one.

#79818c
```
#79818c rgb(121,129,140)
```
#707f95
```
#707f95 rgb(112,127,149)
```
#667d9f
```
#667d9f rgb(102,125,159)
```
#5d7ca8
```
#5d7ca8 rgb(93,124,168)
```
#537ab2
```
#537ab2 rgb(83,122,178)
```
#4978bc
```
#4978bc rgb(73,120,188)
```
#4077c5
```
#4077c5 rgb(64,119,197)
```
#3675cf
```
#3675cf rgb(54,117,207)
```
#2d73d8
```
#2d73d8 rgb(45,115,216)
```
#2371e2
```
#2371e2 rgb(35,113,226)
```
#1a70eb
```
#1a70eb rgb(26,112,235)
```
#106ef5
```
#106ef5 rgb(16,110,245)
```
#066cff
```
#066cff rgb(6,108,255)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7681 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c7db3 Protanopia 1% of men
#657eb6 Deuteranopia 1% of men
#4b8892 Tritanopia 0.001% of the population

Trichromacy

#637cb3 Protanomaly 1% of men, 0.01% of women
#5e7db5 Deuteranomaly 6% of men, 0.4% of women
#4e839d Tritanomaly 0.01% of the population

#537ab2 hex color

#537ab2 Color Information

#537ab2 Color Conversion

Color Schemes with #537ab2

Alternatives to #537ab2

#537ab2 Preview

Shades and Tints of #537ab2

Tones of #537ab2

Color Blindness Simulator