#537da0 hex color

In a RGB color space, hex #537da0 is composed of 32.5% red, 49% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 21.9% magenta, 0% yellow and 37.3% black. It has a hue angle of 207.3 degrees, a saturation of 31.7% and a lightness of 47.6%. #537da0 color hex could be obtained by blending #a6faff with #000041. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 49
- B 63
RGB color chart
- C 48
- M 22
- Y 0
- K 37
CMYK color chart

● #537da0 color description : Dark moderate blue.

The hexadecimal color #537da0 has RGB values of R:83, G:125, B:160 and CMYK values of C:0.48, M:0.22, Y:0, K:0.37. Its decimal value is 5471648.

Hex triplet	537da0	`#537da0`
RGB Decimal	83, 125, 160	`rgb(83,125,160)`
RGB Percent	32.5, 49, 62.7	`rgb(32.5%,49%,62.7%)`
CMYK	48, 22, 0, 37
HSL	207.3°, 31.7, 47.6	`hsl(207.3,31.7%,47.6%)`
HSV (or HSB)	207.3°, 48.1, 62.7
Web Safe	666699	`#666699`

CIE-LAB	50.738, -4.606, -23.26
XYZ	17.245, 19.043, 36.023
xyY	0.238, 0.263, 19.043
CIE-LCH	50.738, 23.712, 258.799
CIE-LUV	50.738, -19.784, -33.831
Hunter-Lab	43.639, -5.831, -18.395
Binary	01010011, 01111101, 10100000

#537da0
```
#537da0 rgb(83,125,160)
```
#a07653
```
#a07653 rgb(160,118,83)
```

Complementary Color

#53a09d
```
#53a09d rgb(83,160,157)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#5357a0
```
#5357a0 rgb(83,87,160)
```

Analogous Color

#a09d53
```
#a09d53 rgb(160,157,83)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#a05357
```
#a05357 rgb(160,83,87)
```

Split Complementary Color

#7da053
```
#7da053 rgb(125,160,83)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#a0537d
```
#a0537d rgb(160,83,125)
```

Triadic Color

#53a076
```
#53a076 rgb(83,160,118)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#a0537d
```
#a0537d rgb(160,83,125)
```
#a07653
```
#a07653 rgb(160,118,83)
```

Tetradic Color

#39566e
```
#39566e rgb(57,86,110)
```
#42637e
```
#42637e rgb(66,99,126)
```
#4a708f
```
#4a708f rgb(74,112,143)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#608aad
```
#608aad rgb(96,138,173)
```
#7196b5
```
#7196b5 rgb(113,150,181)
```
#82a2be
```
#82a2be rgb(130,162,190)
```

Monochromatic Color

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

#5390a0
```
#5390a0 rgb(83,144,160)
```
#538aa0
```
#538aa0 rgb(83,138,160)
```
#5383a0
```
#5383a0 rgb(83,131,160)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#5377a0
```
#5377a0 rgb(83,119,160)
```
#5370a0
```
#5370a0 rgb(83,112,160)
```
#536aa0
```
#536aa0 rgb(83,106,160)
```

Similar Colors

Text with hexadecimal color #537da0

This text has a font color of #537da0.

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

#537da0 background color

This paragraph has a background color of #537da0.

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

#537da0 border color

This element has a border color of #537da0.

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

CSS codes

.text {color:#537da0;}

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

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

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

#030405
```
#030405 rgb(3,4,5)
```
#090e12
```
#090e12 rgb(9,14,18)
```
#10181f
```
#10181f rgb(16,24,31)
```
#17222c
```
#17222c rgb(23,34,44)
```
#1d2c39
```
#1d2c39 rgb(29,44,57)
```
#243646
```
#243646 rgb(36,54,70)
```
#2b4053
```
#2b4053 rgb(43,64,83)
```
#324b5f
```
#324b5f rgb(50,75,95)
```
#38556c
```
#38556c rgb(56,85,108)
```
#3f5f79
```
#3f5f79 rgb(63,95,121)
```
#466986
```
#466986 rgb(70,105,134)
```
#4c7393
```
#4c7393 rgb(76,115,147)
```
#537da0
```
#537da0 rgb(83,125,160)
```

Shade Color Variation

#5c87ab
```
#5c87ab rgb(92,135,171)
```
#6990b1
```
#6990b1 rgb(105,144,177)
```
#769ab8
```
#769ab8 rgb(118,154,184)
```
#83a3bf
```
#83a3bf rgb(131,163,191)
```
#90adc5
```
#90adc5 rgb(144,173,197)
```
#9db6cc
```
#9db6cc rgb(157,182,204)
```
#aac0d3
```
#aac0d3 rgb(170,192,211)
```
#b7cad9
```
#b7cad9 rgb(183,202,217)
```
#c3d3e0
```
#c3d3e0 rgb(195,211,224)
```
#d0dde7
```
#d0dde7 rgb(208,221,231)
```
#dde6ee
```
#dde6ee rgb(221,230,238)
```
#eaf0f4
```
#eaf0f4 rgb(234,240,244)
```
#f7f9fb
```
#f7f9fb rgb(247,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #787a7b is the less saturated color, while #0884eb is the most saturated one.

#787a7b
```
#787a7b rgb(120,122,123)
```
#6f7a84
```
#6f7a84 rgb(111,122,132)
```
#667b8d
```
#667b8d rgb(102,123,141)
```
#5c7c97
```
#5c7c97 rgb(92,124,151)
```
#537da0
```
#537da0 rgb(83,125,160)
```
#4a7ea9
```
#4a7ea9 rgb(74,126,169)
```
#407fb3
```
#407fb3 rgb(64,127,179)
```
#3780bc
```
#3780bc rgb(55,128,188)
```
#2e80c5
```
#2e80c5 rgb(46,128,197)
```
#2481cf
```
#2481cf rgb(36,129,207)
```
#1b82d8
```
#1b82d8 rgb(27,130,216)
```
#1283e1
```
#1283e1 rgb(18,131,225)
```
#0884eb
```
#0884eb rgb(8,132,235)
```

Tone Color Variation

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

Dichromacy

#767ea1 Protanopia 1% of men
#747ea7 Deuteranopia 1% of men
#548791 Tritanopia 0.001% of the population

Trichromacy

#697da0 Protanomaly 1% of men, 0.01% of women
#687da4 Deuteranomaly 6% of men, 0.4% of women
#538396 Tritanomaly 0.01% of the population

#537da0 hex color

#537da0 Color Information

#537da0 Color Conversion

Color Schemes with #537da0

Alternatives to #537da0

#537da0 Preview

Shades and Tints of #537da0

Tones of #537da0

Color Blindness Simulator