#537db3 hex color

In a RGB color space, hex #537db3 is composed of 32.5% red, 49% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 53.6% cyan, 30.2% magenta, 0% yellow and 29.8% black. It has a hue angle of 213.8 degrees, a saturation of 38.7% and a lightness of 51.4%. #537db3 color hex could be obtained by blending #a6faff with #000067. Closest websafe color is: #6666cc.

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

● #537db3 color description : Moderate blue.

The hexadecimal color #537db3 has RGB values of R:83, G:125, B:179 and CMYK values of C:0.54, M:0.3, Y:0, K:0.3. Its decimal value is 5471667.

Hex triplet	537db3	`#537db3`
RGB Decimal	83, 125, 179	`rgb(83,125,179)`
RGB Percent	32.5, 49, 70.2	`rgb(32.5%,49%,70.2%)`
CMYK	54, 30, 0, 30
HSL	213.8°, 38.7, 51.4	`hsl(213.8,38.7%,51.4%)`
HSV (or HSB)	213.8°, 53.6, 70.2
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.565, 1.31, -32.986
XYZ	19.036, 19.76, 45.456
xyY	0.226, 0.235, 19.76
CIE-LCH	51.565, 33.012, 272.274
CIE-LUV	51.565, -19.647, -50.085
Hunter-Lab	44.452, -1.352, -29.513
Binary	01010011, 01111101, 10110011

#537db3
```
#537db3 rgb(83,125,179)
```
#b38953
```
#b38953 rgb(179,137,83)
```

Complementary Color

#53adb3
```
#53adb3 rgb(83,173,179)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#5953b3
```
#5953b3 rgb(89,83,179)
```

Analogous Color

#adb353
```
#adb353 rgb(173,179,83)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#b35953
```
#b35953 rgb(179,89,83)
```

Split Complementary Color

#7db353
```
#7db353 rgb(125,179,83)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#b3537d
```
#b3537d rgb(179,83,125)
```

Triadic Color

#53b389
```
#53b389 rgb(83,179,137)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#b3537d
```
#b3537d rgb(179,83,125)
```
#b38953
```
#b38953 rgb(179,137,83)
```

Tetradic Color

#395881
```
#395881 rgb(57,88,129)
```
#416492
```
#416492 rgb(65,100,146)
```
#4871a4
```
#4871a4 rgb(72,113,164)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#658abb
```
#658abb rgb(101,138,187)
```
#7698c3
```
#7698c3 rgb(118,152,195)
```
#88a5ca
```
#88a5ca rgb(136,165,202)
```

Monochromatic Color

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

#5395b3
```
#5395b3 rgb(83,149,179)
```
#538db3
```
#538db3 rgb(83,141,179)
```
#5385b3
```
#5385b3 rgb(83,133,179)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#5375b3
```
#5375b3 rgb(83,117,179)
```
#536db3
```
#536db3 rgb(83,109,179)
```
#5365b3
```
#5365b3 rgb(83,101,179)
```

Similar Colors

Text with hexadecimal color #537db3

This text has a font color of #537db3.

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

#537db3 background color

This paragraph has a background color of #537db3.

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

#537db3 border color

This element has a border color of #537db3.

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

CSS codes

.text {color:#537db3;}

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

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

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

#020305
```
#020305 rgb(2,3,5)
```
#080d12
```
#080d12 rgb(8,13,18)
```
#0e1620
```
#0e1620 rgb(14,22,32)
```
#141f2e
```
#141f2e rgb(20,31,46)
```
#1a293b
```
#1a293b rgb(26,41,59)
```
#203249
```
#203249 rgb(32,50,73)
```
#263b56
```
#263b56 rgb(38,59,86)
```
#2c4564
```
#2c4564 rgb(44,69,100)
```
#324e72
```
#324e72 rgb(50,78,114)
```
#38577f
```
#38577f rgb(56,87,127)
```
#3e618d
```
#3e618d rgb(62,97,141)
```
#446a9b
```
#446a9b rgb(68,106,155)
```
#4a73a8
```
#4a73a8 rgb(74,115,168)
```

Shade Color Variation

#537db3
```
#537db3 rgb(83,125,179)
```
#6187b9
```
#6187b9 rgb(97,135,185)
```
#6e92bf
```
#6e92bf rgb(110,146,191)
```
#7c9cc5
```
#7c9cc5 rgb(124,156,197)
```
#89a6cb
```
#89a6cb rgb(137,166,203)
```
#97b0d1
```
#97b0d1 rgb(151,176,209)
```
#a5bbd7
```
#a5bbd7 rgb(165,187,215)
```
#b2c5dd
```
#b2c5dd rgb(178,197,221)
```
#c0cfe3
```
#c0cfe3 rgb(192,207,227)
```
#cddae9
```
#cddae9 rgb(205,218,233)
```
#dbe4ef
```
#dbe4ef rgb(219,228,239)
```
#e9eef5
```
#e9eef5 rgb(233,238,245)
```
#f6f8fb
```
#f6f8fb rgb(246,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838383 is the less saturated color, while #1075f6 is the most saturated one.

#838383
```
#838383 rgb(131,131,131)
```
#79828d
```
#79828d rgb(121,130,141)
```
#708196
```
#708196 rgb(112,129,150)
```
#667fa0
```
#667fa0 rgb(102,127,160)
```
#5d7ea9
```
#5d7ea9 rgb(93,126,169)
```
#537db3
```
#537db3 rgb(83,125,179)
```
#497cbd
```
#497cbd rgb(73,124,189)
```
#407bc6
```
#407bc6 rgb(64,123,198)
```
#3679d0
```
#3679d0 rgb(54,121,208)
```
#2d78d9
```
#2d78d9 rgb(45,120,217)
```
#2377e3
```
#2377e3 rgb(35,119,227)
```
#1a76ec
```
#1a76ec rgb(26,118,236)
```
#1075f6
```
#1075f6 rgb(16,117,246)
```

Tone Color Variation

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

Dichromacy

#6f80b4 Protanopia 1% of men
#6881b8 Deuteranopia 1% of men
#4c8a94 Tritanopia 0.001% of the population

Trichromacy

#657eb3 Protanomaly 1% of men, 0.01% of women
#607fb6 Deuteranomaly 6% of men, 0.4% of women
#4e859f Tritanomaly 0.01% of the population

#537db3 hex color

#537db3 Color Information

#537db3 Color Conversion

Color Schemes with #537db3

Alternatives to #537db3

#537db3 Preview

Shades and Tints of #537db3

Tones of #537db3

Color Blindness Simulator