#537bbb hex color

In a RGB color space, hex #537bbb is composed of 32.5% red, 48.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 34.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 216.9 degrees, a saturation of 43.3% and a lightness of 52.9%. #537bbb color hex could be obtained by blending #a6f6ff with #000077. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 73
RGB color chart
- C 56
- M 34
- Y 0
- K 27
CMYK color chart

● #537bbb color description : Moderate blue.

The hexadecimal color #537bbb has RGB values of R:83, G:123, B:187 and CMYK values of C:0.56, M:0.34, Y:0, K:0.27. Its decimal value is 5471163.

Hex triplet	537bbb	`#537bbb`
RGB Decimal	83, 123, 187	`rgb(83,123,187)`
RGB Percent	32.5, 48.2, 73.3	`rgb(32.5%,48.2%,73.3%)`
CMYK	56, 34, 0, 27
HSL	216.9°, 43.3, 52.9	`hsl(216.9,43.3%,52.9%)`
HSV (or HSB)	216.9°, 55.6, 73.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	51.372, 5.091, -37.892
XYZ	19.618, 19.592, 49.759
xyY	0.221, 0.22, 19.592
CIE-LCH	51.372, 38.233, 277.652
CIE-LUV	51.372, -18.88, -58.312
Hunter-Lab	44.263, 1.655, -35.668
Binary	01010011, 01111011, 10111011

#537bbb
```
#537bbb rgb(83,123,187)
```
#bb9353
```
#bb9353 rgb(187,147,83)
```

Complementary Color

#53afbb
```
#53afbb rgb(83,175,187)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#5f53bb
```
#5f53bb rgb(95,83,187)
```

Analogous Color

#afbb53
```
#afbb53 rgb(175,187,83)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#bb5f53
```
#bb5f53 rgb(187,95,83)
```

Split Complementary Color

#7bbb53
```
#7bbb53 rgb(123,187,83)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#bb537b
```
#bb537b rgb(187,83,123)
```

Triadic Color

#53bb93
```
#53bb93 rgb(83,187,147)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#bb537b
```
#bb537b rgb(187,83,123)
```
#bb9353
```
#bb9353 rgb(187,147,83)
```

Tetradic Color

#37578b
```
#37578b rgb(55,87,139)
```
#3e639d
```
#3e639d rgb(62,99,157)
```
#456eaf
```
#456eaf rgb(69,110,175)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#6589c2
```
#6589c2 rgb(101,137,194)
```
#7897c9
```
#7897c9 rgb(120,151,201)
```
#8aa5d1
```
#8aa5d1 rgb(138,165,209)
```

Monochromatic Color

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

#5395bb
```
#5395bb rgb(83,149,187)
```
#538cbb
```
#538cbb rgb(83,140,187)
```
#5384bb
```
#5384bb rgb(83,132,187)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#5372bb
```
#5372bb rgb(83,114,187)
```
#536abb
```
#536abb rgb(83,106,187)
```
#5361bb
```
#5361bb rgb(83,97,187)
```

Similar Colors

Text with hexadecimal color #537bbb

This text has a font color of #537bbb.

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

#537bbb background color

This paragraph has a background color of #537bbb.

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

#537bbb border color

This element has a border color of #537bbb.

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

CSS codes

.text {color:#537bbb;}

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

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

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, #04070b is the darkest color, while #fcfcfe is the lightest one.

#04070b
```
#04070b rgb(4,7,11)
```
#0a1019
```
#0a1019 rgb(10,16,25)
```
#0f1827
```
#0f1827 rgb(15,24,39)
```
#152135
```
#152135 rgb(21,33,53)
```
#1a2a43
```
#1a2a43 rgb(26,42,67)
```
#203351
```
#203351 rgb(32,51,81)
```
#263c5f
```
#263c5f rgb(38,60,95)
```
#2b456d
```
#2b456d rgb(43,69,109)
```
#314d7b
```
#314d7b rgb(49,77,123)
```
#365689
```
#365689 rgb(54,86,137)
```
#3c5f97
```
#3c5f97 rgb(60,95,151)
```
#4168a5
```
#4168a5 rgb(65,104,165)
```
#4771b3
```
#4771b3 rgb(71,113,179)
```

Shade Color Variation

#537bbb
```
#537bbb rgb(83,123,187)
```
#6186c1
```
#6186c1 rgb(97,134,193)
```
#6f91c6
```
#6f91c6 rgb(111,145,198)
```
#7d9bcc
```
#7d9bcc rgb(125,155,204)
```
#8ba6d1
```
#8ba6d1 rgb(139,166,209)
```
#99b1d7
```
#99b1d7 rgb(153,177,215)
```
#a7bcdc
```
#a7bcdc rgb(167,188,220)
```
#b5c7e2
```
#b5c7e2 rgb(181,199,226)
```
#c3d1e7
```
#c3d1e7 rgb(195,209,231)
```
#d2dced
```
#d2dced rgb(210,220,237)
```
#e0e7f3
```
#e0e7f3 rgb(224,231,243)
```
#eef2f8
```
#eef2f8 rgb(238,242,248)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #81868d is the less saturated color, while #126cfc is the most saturated one.

#81868d
```
#81868d rgb(129,134,141)
```
#788496
```
#788496 rgb(120,132,150)
```
#6f819f
```
#6f819f rgb(111,129,159)
```
#657fa9
```
#657fa9 rgb(101,127,169)
```
#5c7db2
```
#5c7db2 rgb(92,125,178)
```
#537bbb
```
#537bbb rgb(83,123,187)
```
#4a79c4
```
#4a79c4 rgb(74,121,196)
```
#4177cd
```
#4177cd rgb(65,119,205)
```
#3775d7
```
#3775d7 rgb(55,117,215)
```
#2e72e0
```
#2e72e0 rgb(46,114,224)
```
#2570e9
```
#2570e9 rgb(37,112,233)
```
#1c6ef2
```
#1c6ef2 rgb(28,110,242)
```
#126cfc
```
#126cfc rgb(18,108,252)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#6f7784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6a7fbc Protanopia 1% of men
#5f81be Deuteranopia 1% of men
#478a94 Tritanopia 0.001% of the population

Trichromacy

#617dbc Protanomaly 1% of men, 0.01% of women
#5b7ebd Deuteranomaly 6% of men, 0.4% of women
#4b85a2 Tritanomaly 0.01% of the population

#537bbb hex color

#537bbb Color Information

#537bbb Color Conversion

Color Schemes with #537bbb

Alternatives to #537bbb

#537bbb Preview

Shades and Tints of #537bbb

Tones of #537bbb

Color Blindness Simulator