#537acd hex color

In a RGB color space, hex #537acd is composed of 32.5% red, 47.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 40.5% magenta, 0% yellow and 19.6% black. It has a hue angle of 220.8 degrees, a saturation of 55% and a lightness of 56.5%. #537acd color hex could be obtained by blending #a6f4ff with #00009b. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 80
RGB color chart
- C 60
- M 40
- Y 0
- K 20
CMYK color chart

● #537acd color description : Moderate blue.

The hexadecimal color #537acd has RGB values of R:83, G:122, B:205 and CMYK values of C:0.6, M:0.4, Y:0, K:0.2. Its decimal value is 5470925.

Hex triplet	537acd	`#537acd`
RGB Decimal	83, 122, 205	`rgb(83,122,205)`
RGB Percent	32.5, 47.8, 80.4	`rgb(32.5%,47.8%,80.4%)`
CMYK	60, 40, 0, 20
HSL	220.8°, 55, 56.5	`hsl(220.8,55%,56.5%)`
HSV (or HSB)	220.8°, 59.5, 80.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.023, 11.657, -47.152
XYZ	21.544, 20.165, 60.511
xyY	0.211, 0.197, 20.165
CIE-LCH	52.023, 48.571, 283.886
CIE-LUV	52.023, -18.517, -73.957
Hunter-Lab	44.905, 7.054, -48.462
Binary	01010011, 01111010, 11001101

#537acd
```
#537acd rgb(83,122,205)
```
#cda653
```
#cda653 rgb(205,166,83)
```

Complementary Color

#53b7cd
```
#53b7cd rgb(83,183,205)
```
#537acd
```
#537acd rgb(83,122,205)
```
#6953cd
```
#6953cd rgb(105,83,205)
```

Analogous Color

#b7cd53
```
#b7cd53 rgb(183,205,83)
```
#537acd
```
#537acd rgb(83,122,205)
```
#cd6953
```
#cd6953 rgb(205,105,83)
```

Split Complementary Color

#7acd53
```
#7acd53 rgb(122,205,83)
```
#537acd
```
#537acd rgb(83,122,205)
```
#cd537a
```
#cd537a rgb(205,83,122)
```

Triadic Color

#53cda6
```
#53cda6 rgb(83,205,166)
```
#537acd
```
#537acd rgb(83,122,205)
```
#cd537a
```
#cd537a rgb(205,83,122)
```
#cda653
```
#cda653 rgb(205,166,83)
```

Tetradic Color

#3055a4
```
#3055a4 rgb(48,85,164)
```
#355fb8
```
#355fb8 rgb(53,95,184)
```
#3f6bc7
```
#3f6bc7 rgb(63,107,199)
```
#537acd
```
#537acd rgb(83,122,205)
```
#6789d3
```
#6789d3 rgb(103,137,211)
```
#7b99d8
```
#7b99d8 rgb(123,153,216)
```
#8ea8de
```
#8ea8de rgb(142,168,222)
```

Monochromatic Color

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

#5399cd
```
#5399cd rgb(83,153,205)
```
#538ecd
```
#538ecd rgb(83,142,205)
```
#5384cd
```
#5384cd rgb(83,132,205)
```
#537acd
```
#537acd rgb(83,122,205)
```
#5370cd
```
#5370cd rgb(83,112,205)
```
#5366cd
```
#5366cd rgb(83,102,205)
```
#535ccd
```
#535ccd rgb(83,92,205)
```

Similar Colors

Text with hexadecimal color #537acd

This text has a font color of #537acd.

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

#537acd background color

This paragraph has a background color of #537acd.

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

#537acd border color

This element has a border color of #537acd.

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

CSS codes

.text {color:#537acd;}

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

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

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, #03050a is the darkest color, while #fafbfe is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#070d1a
```
#070d1a rgb(7,13,26)
```
#0c1529
```
#0c1529 rgb(12,21,41)
```
#101d38
```
#101d38 rgb(16,29,56)
```
#152547
```
#152547 rgb(21,37,71)
```
#192d56
```
#192d56 rgb(25,45,86)
```
#1e3566
```
#1e3566 rgb(30,53,102)
```
#223c75
```
#223c75 rgb(34,60,117)
```
#264484
```
#264484 rgb(38,68,132)
```
#2b4c93
```
#2b4c93 rgb(43,76,147)
```
#2f54a2
```
#2f54a2 rgb(47,84,162)
```
#345cb2
```
#345cb2 rgb(52,92,178)
```
#3864c1
```
#3864c1 rgb(56,100,193)
```

Shade Color Variation

#446ec9
```
#446ec9 rgb(68,110,201)
```
#537acd
```
#537acd rgb(83,122,205)
```
#6286d1
```
#6286d1 rgb(98,134,209)
```
#7192d6
```
#7192d6 rgb(113,146,214)
```
#819dda
```
#819dda rgb(129,157,218)
```
#90a9df
```
#90a9df rgb(144,169,223)
```
#9fb5e3
```
#9fb5e3 rgb(159,181,227)
```
#aec1e8
```
#aec1e8 rgb(174,193,232)
```
#bdccec
```
#bdccec rgb(189,204,236)
```
#cdd8f0
```
#cdd8f0 rgb(205,216,240)
```
#dce4f5
```
#dce4f5 rgb(220,228,245)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9091 is the less saturated color, while #286bf8 is the most saturated one.

#8f9091
```
#8f9091 rgb(143,144,145)
```
#868c9a
```
#868c9a rgb(134,140,154)
```
#7e89a2
```
#7e89a2 rgb(126,137,162)
```
#7586ab
```
#7586ab rgb(117,134,171)
```
#6d83b3
```
#6d83b3 rgb(109,131,179)
```
#6480bc
```
#6480bc rgb(100,128,188)
```
#5c7dc4
```
#5c7dc4 rgb(92,125,196)
```
#537acd
```
#537acd rgb(83,122,205)
```
#4a77d6
```
#4a77d6 rgb(74,119,214)
```
#4274de
```
#4274de rgb(66,116,222)
```
#3971e7
```
#3971e7 rgb(57,113,231)
```
#316eef
```
#316eef rgb(49,110,239)
```
#286bf8
```
#286bf8 rgb(40,107,248)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#717889 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5f80cf Protanopia 1% of men
#4c83ce Deuteranopia 1% of men
#3b8d98 Tritanopia 0.001% of the population

Trichromacy

#5b7ece Protanomaly 1% of men, 0.01% of women
#4e80cd Deuteranomaly 6% of men, 0.4% of women
#4386ab Tritanomaly 0.01% of the population

#537acd hex color

#537acd Color Information

#537acd Color Conversion

Color Schemes with #537acd

Alternatives to #537acd

#537acd Preview

Shades and Tints of #537acd

Tones of #537acd

Color Blindness Simulator