#537fad hex color

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

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

● #537fad color description : Dark moderate blue.

The hexadecimal color #537fad has RGB values of R:83, G:127, B:173 and CMYK values of C:0.52, M:0.27, Y:0, K:0.32. Its decimal value is 5472173.

Hex triplet	537fad	`#537fad`
RGB Decimal	83, 127, 173	`rgb(83,127,173)`
RGB Percent	32.5, 49.8, 67.8	`rgb(32.5%,49.8%,67.8%)`
CMYK	52, 27, 0, 32
HSL	210.7°, 35.4, 50.2	`hsl(210.7,35.4%,50.2%)`
HSV (or HSB)	210.7°, 52, 67.8
Web Safe	666699	`#666699`

CIE-LAB	51.875, -1.772, -29.039
XYZ	18.698, 20.034, 42.415
xyY	0.23, 0.247, 20.034
CIE-LCH	51.875, 29.093, 266.509
CIE-LUV	51.875, -20.444, -43.479
Hunter-Lab	44.759, -3.762, -24.853
Binary	01010011, 01111111, 10101101

#537fad
```
#537fad rgb(83,127,173)
```
#ad8153
```
#ad8153 rgb(173,129,83)
```

Complementary Color

#53acad
```
#53acad rgb(83,172,173)
```
#537fad
```
#537fad rgb(83,127,173)
```
#5453ad
```
#5453ad rgb(84,83,173)
```

Analogous Color

#acad53
```
#acad53 rgb(172,173,83)
```
#537fad
```
#537fad rgb(83,127,173)
```
#ad5453
```
#ad5453 rgb(173,84,83)
```

Split Complementary Color

#7fad53
```
#7fad53 rgb(127,173,83)
```
#537fad
```
#537fad rgb(83,127,173)
```
#ad537f
```
#ad537f rgb(173,83,127)
```

Triadic Color

#53ad81
```
#53ad81 rgb(83,173,129)
```
#537fad
```
#537fad rgb(83,127,173)
```
#ad537f
```
#ad537f rgb(173,83,127)
```
#ad8153
```
#ad8153 rgb(173,129,83)
```

Tetradic Color

#3a597a
```
#3a597a rgb(58,89,122)
```
#42668b
```
#42668b rgb(66,102,139)
```
#4a729c
```
#4a729c rgb(74,114,156)
```
#537fad
```
#537fad rgb(83,127,173)
```
#648cb5
```
#648cb5 rgb(100,140,181)
```
#7699bd
```
#7699bd rgb(118,153,189)
```
#87a6c6
```
#87a6c6 rgb(135,166,198)
```

Monochromatic Color

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

#5396ad
```
#5396ad rgb(83,150,173)
```
#538ead
```
#538ead rgb(83,142,173)
```
#5387ad
```
#5387ad rgb(83,135,173)
```
#537fad
```
#537fad rgb(83,127,173)
```
#5378ad
```
#5378ad rgb(83,120,173)
```
#5370ad
```
#5370ad rgb(83,112,173)
```
#5369ad
```
#5369ad rgb(83,105,173)
```

Similar Colors

Text with hexadecimal color #537fad

This text has a font color of #537fad.

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

#537fad background color

This paragraph has a background color of #537fad.

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

#537fad border color

This element has a border color of #537fad.

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

CSS codes

.text {color:#537fad;}

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

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

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 #f2f6f9 is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#070a0e
```
#070a0e rgb(7,10,14)
```
#0d141b
```
#0d141b rgb(13,20,27)
```
#131e29
```
#131e29 rgb(19,30,41)
```
#1a2736
```
#1a2736 rgb(26,39,54)
```
#203143
```
#203143 rgb(32,49,67)
```
#263b50
```
#263b50 rgb(38,59,80)
```
#2d455e
```
#2d455e rgb(45,69,94)
```
#334e6b
```
#334e6b rgb(51,78,107)
```
#395878
```
#395878 rgb(57,88,120)
```
#406286
```
#406286 rgb(64,98,134)
```
#466c93
```
#466c93 rgb(70,108,147)
```
#4c75a0
```
#4c75a0 rgb(76,117,160)
```

Shade Color Variation

#537fad
```
#537fad rgb(83,127,173)
```
#6089b3
```
#6089b3 rgb(96,137,179)
```
#6e93ba
```
#6e93ba rgb(110,147,186)
```
#7b9dc0
```
#7b9dc0 rgb(123,157,192)
```
#88a7c6
```
#88a7c6 rgb(136,167,198)
```
#95b0cd
```
#95b0cd rgb(149,176,205)
```
#a3bad3
```
#a3bad3 rgb(163,186,211)
```
#b0c4d9
```
#b0c4d9 rgb(176,196,217)
```
#bdcee0
```
#bdcee0 rgb(189,206,224)
```
#cbd8e6
```
#cbd8e6 rgb(203,216,230)
```
#d8e2ec
```
#d8e2ec rgb(216,226,236)
```
#e5ecf3
```
#e5ecf3 rgb(229,236,243)
```
#f2f6f9
```
#f2f6f9 rgb(242,246,249)
```

Tint Color Variation

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

#7a8086
```
#7a8086 rgb(122,128,134)
```
#708090
```
#708090 rgb(112,128,144)
```
#677f99
```
#677f99 rgb(103,127,153)
```
#5d7fa3
```
#5d7fa3 rgb(93,127,163)
```
#537fad
```
#537fad rgb(83,127,173)
```
#497fb7
```
#497fb7 rgb(73,127,183)
```
#3f7fc1
```
#3f7fc1 rgb(63,127,193)
```
#367eca
```
#367eca rgb(54,126,202)
```
#2c7ed4
```
#2c7ed4 rgb(44,126,212)
```
#227ede
```
#227ede rgb(34,126,222)
```
#187ee8
```
#187ee8 rgb(24,126,232)
```
#0f7df1
```
#0f7df1 rgb(15,125,241)
```
#057dfb
```
#057dfb rgb(5,125,251)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#707982 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7480ad Protanopia 1% of men
#6f81b2 Deuteranopia 1% of men
#4f8b95 Tritanopia 0.001% of the population

Trichromacy

#6880ad Protanomaly 1% of men, 0.01% of women
#6580b0 Deuteranomaly 6% of men, 0.4% of women
#51869d Tritanomaly 0.01% of the population

#537fad hex color

#537fad Color Information

#537fad Color Conversion

Color Schemes with #537fad

Alternatives to #537fad

#537fad Preview

Shades and Tints of #537fad

Tones of #537fad

Color Blindness Simulator