#537cad hex color

In a RGB color space, hex #537cad is composed of 32.5% red, 48.6% green and 67.8% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 28.3% magenta, 0% yellow and 32.2% black. It has a hue angle of 212.7 degrees, a saturation of 35.4% and a lightness of 50.2%. #537cad color hex could be obtained by blending #a6f8ff with #00005b. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 68
RGB color chart
- C 52
- M 28
- Y 0
- K 32
CMYK color chart

● #537cad color description : Dark moderate blue.

The hexadecimal color #537cad has RGB values of R:83, G:124, B:173 and CMYK values of C:0.52, M:0.28, Y:0, K:0.32. Its decimal value is 5471405.

Hex triplet	537cad	`#537cad`
RGB Decimal	83, 124, 173	`rgb(83,124,173)`
RGB Percent	32.5, 48.6, 67.8	`rgb(32.5%,48.6%,67.8%)`
CMYK	52, 28, 0, 32
HSL	212.7°, 35.4, 50.2	`hsl(212.7,35.4%,50.2%)`
HSV (or HSB)	212.7°, 52, 67.8
Web Safe	666699	`#666699`

CIE-LAB	51.002, 0, -30.398
XYZ	18.316, 19.27, 42.287
xyY	0.229, 0.241, 19.27
CIE-LCH	51.002, 30.398, 270
CIE-LUV	51.002, -19.307, -45.705
Hunter-Lab	43.898, -2.345, -26.386
Binary	01010011, 01111100, 10101101

#537cad
```
#537cad rgb(83,124,173)
```
#ad8453
```
#ad8453 rgb(173,132,83)
```

Complementary Color

#53a9ad
```
#53a9ad rgb(83,169,173)
```
#537cad
```
#537cad rgb(83,124,173)
```
#5753ad
```
#5753ad rgb(87,83,173)
```

Analogous Color

#a9ad53
```
#a9ad53 rgb(169,173,83)
```
#537cad
```
#537cad rgb(83,124,173)
```
#ad5753
```
#ad5753 rgb(173,87,83)
```

Split Complementary Color

#7cad53
```
#7cad53 rgb(124,173,83)
```
#537cad
```
#537cad rgb(83,124,173)
```
#ad537c
```
#ad537c rgb(173,83,124)
```

Triadic Color

#53ad84
```
#53ad84 rgb(83,173,132)
```
#537cad
```
#537cad rgb(83,124,173)
```
#ad537c
```
#ad537c rgb(173,83,124)
```
#ad8453
```
#ad8453 rgb(173,132,83)
```

Tetradic Color

#3a577a
```
#3a577a rgb(58,87,122)
```
#42638b
```
#42638b rgb(66,99,139)
```
#4a709c
```
#4a709c rgb(74,112,156)
```
#537cad
```
#537cad rgb(83,124,173)
```
#6489b5
```
#6489b5 rgb(100,137,181)
```
#7696bd
```
#7696bd rgb(118,150,189)
```
#87a3c6
```
#87a3c6 rgb(135,163,198)
```

Monochromatic Color

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

#5393ad
```
#5393ad rgb(83,147,173)
```
#538bad
```
#538bad rgb(83,139,173)
```
#5384ad
```
#5384ad rgb(83,132,173)
```
#537cad
```
#537cad rgb(83,124,173)
```
#5375ad
```
#5375ad rgb(83,117,173)
```
#536dad
```
#536dad rgb(83,109,173)
```
#5366ad
```
#5366ad rgb(83,102,173)
```

Similar Colors

Text with hexadecimal color #537cad

This text has a font color of #537cad.

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

#537cad background color

This paragraph has a background color of #537cad.

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

#537cad border color

This element has a border color of #537cad.

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

CSS codes

.text {color:#537cad;}

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

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

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

#000001
```
#000001 rgb(0,0,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d131b
```
#0d131b rgb(13,19,27)
```
#131d29
```
#131d29 rgb(19,29,41)
```
#1a2636
```
#1a2636 rgb(26,38,54)
```
#203043
```
#203043 rgb(32,48,67)
```
#263950
```
#263950 rgb(38,57,80)
```
#2d435e
```
#2d435e rgb(45,67,94)
```
#334c6b
```
#334c6b rgb(51,76,107)
```
#395678
```
#395678 rgb(57,86,120)
```
#405f86
```
#405f86 rgb(64,95,134)
```
#466993
```
#466993 rgb(70,105,147)
```
#4c72a0
```
#4c72a0 rgb(76,114,160)
```

Shade Color Variation

#537cad
```
#537cad rgb(83,124,173)
```
#6086b3
```
#6086b3 rgb(96,134,179)
```
#6e90ba
```
#6e90ba rgb(110,144,186)
```
#7b9ac0
```
#7b9ac0 rgb(123,154,192)
```
#88a4c6
```
#88a4c6 rgb(136,164,198)
```
#95afcd
```
#95afcd rgb(149,175,205)
```
#a3b9d3
```
#a3b9d3 rgb(163,185,211)
```
#b0c3d9
```
#b0c3d9 rgb(176,195,217)
```
#bdcde0
```
#bdcde0 rgb(189,205,224)
```
#cbd7e6
```
#cbd7e6 rgb(203,215,230)
```
#d8e1ec
```
#d8e1ec rgb(216,225,236)
```
#e5ebf3
```
#e5ebf3 rgb(229,235,243)
```
#f2f5f9
```
#f2f5f9 rgb(242,245,249)
```

Tint Color Variation

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

#7a7f86
```
#7a7f86 rgb(122,127,134)
```
#707f90
```
#707f90 rgb(112,127,144)
```
#677e99
```
#677e99 rgb(103,126,153)
```
#5d7da3
```
#5d7da3 rgb(93,125,163)
```
#537cad
```
#537cad rgb(83,124,173)
```
#497bb7
```
#497bb7 rgb(73,123,183)
```
#3f7ac1
```
#3f7ac1 rgb(63,122,193)
```
#3679ca
```
#3679ca rgb(54,121,202)
```
#2c79d4
```
#2c79d4 rgb(44,121,212)
```
#2278de
```
#2278de rgb(34,120,222)
```
#1877e8
```
#1877e8 rgb(24,119,232)
```
#0f76f1
```
#0f76f1 rgb(15,118,241)
```
#0575fb
```
#0575fb rgb(5,117,251)
```

Tone Color Variation

Below, you can see how #537cad 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
#6e7680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#707eae Protanopia 1% of men
#6b7fb2 Deuteranopia 1% of men
#4e8892 Tritanopia 0.001% of the population

Trichromacy

#657dad Protanomaly 1% of men, 0.01% of women
#627eb0 Deuteranomaly 6% of men, 0.4% of women
#50849c Tritanomaly 0.01% of the population

#537cad hex color

#537cad Color Information

#537cad Color Conversion

Color Schemes with #537cad

Alternatives to #537cad

#537cad Preview

Shades and Tints of #537cad

Tones of #537cad

Color Blindness Simulator