#537be3 hex color

In a RGB color space, hex #537be3 is composed of 32.5% red, 48.2% green and 89% blue. Whereas in a CMYK color space, it is composed of 63.4% cyan, 45.8% magenta, 0% yellow and 11% black. It has a hue angle of 223.3 degrees, a saturation of 72% and a lightness of 60.8%. #537be3 color hex could be obtained by blending #a6f6ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 48
- B 89
RGB color chart
- C 63
- M 46
- Y 0
- K 11
CMYK color chart

● #537be3 color description : Soft blue.

The hexadecimal color #537be3 has RGB values of R:83, G:123, B:227 and CMYK values of C:0.63, M:0.46, Y:0, K:0.11. Its decimal value is 5471203.

Hex triplet	537be3	`#537be3`
RGB Decimal	83, 123, 227	`rgb(83,123,227)`
RGB Percent	32.5, 48.2, 89	`rgb(32.5%,48.2%,89%)`
CMYK	63, 46, 0, 11
HSL	223.3°, 72, 60.8	`hsl(223.3,72%,60.8%)`
HSV (or HSB)	223.3°, 63.4, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	53.546, 18.497, -57.143
XYZ	24.512, 21.55, 75.537
xyY	0.202, 0.177, 21.55
CIE-LCH	53.546, 60.062, 287.936
CIE-LUV	53.546, -18.885, -90.956
Hunter-Lab	46.421, 13.018, -63.981
Binary	01010011, 01111011, 11100011

#537be3
```
#537be3 rgb(83,123,227)
```
#e3bb53
```
#e3bb53 rgb(227,187,83)
```

Complementary Color

#53c3e3
```
#53c3e3 rgb(83,195,227)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#7353e3
```
#7353e3 rgb(115,83,227)
```

Analogous Color

#c3e353
```
#c3e353 rgb(195,227,83)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#e37353
```
#e37353 rgb(227,115,83)
```

Split Complementary Color

#7be353
```
#7be353 rgb(123,227,83)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#e3537b
```
#e3537b rgb(227,83,123)
```

Triadic Color

#53e3bb
```
#53e3bb rgb(83,227,187)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#e3537b
```
#e3537b rgb(227,83,123)
```
#e3bb53
```
#e3bb53 rgb(227,187,83)
```

Tetradic Color

#214fc9
```
#214fc9 rgb(33,79,201)
```
#2759dc
```
#2759dc rgb(39,89,220)
```
#3d6adf
```
#3d6adf rgb(61,106,223)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#698ce7
```
#698ce7 rgb(105,140,231)
```
#7f9dea
```
#7f9dea rgb(127,157,234)
```
#95adee
```
#95adee rgb(149,173,238)
```

Monochromatic Color

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

#539fe3
```
#539fe3 rgb(83,159,227)
```
#5393e3
```
#5393e3 rgb(83,147,227)
```
#5387e3
```
#5387e3 rgb(83,135,227)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#536fe3
```
#536fe3 rgb(83,111,227)
```
#5363e3
```
#5363e3 rgb(83,99,227)
```
#5357e3
```
#5357e3 rgb(83,87,227)
```

Similar Colors

Text with hexadecimal color #537be3

This text has a font color of #537be3.

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

#537be3 background color

This paragraph has a background color of #537be3.

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

#537be3 border color

This element has a border color of #537be3.

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

CSS codes

.text {color:#537be3;}

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

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

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

#02050e
```
#02050e rgb(2,5,14)
```
#050c1e
```
#050c1e rgb(5,12,30)
```
#08132f
```
#08132f rgb(8,19,47)
```
#0a1940
```
#0a1940 rgb(10,25,64)
```
#0d2051
```
#0d2051 rgb(13,32,81)
```
#102762
```
#102762 rgb(16,39,98)
```
#132d73
```
#132d73 rgb(19,45,115)
```
#153484
```
#153484 rgb(21,52,132)
```
#183b95
```
#183b95 rgb(24,59,149)
```
#1b41a5
```
#1b41a5 rgb(27,65,165)
```
#1e48b6
```
#1e48b6 rgb(30,72,182)
```
#204fc7
```
#204fc7 rgb(32,79,199)
```
#2355d8
```
#2355d8 rgb(35,85,216)
```

Shade Color Variation

#3161de
```
#3161de rgb(49,97,222)
```
#426ee0
```
#426ee0 rgb(66,110,224)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#6488e6
```
#6488e6 rgb(100,136,230)
```
#7595e8
```
#7595e8 rgb(117,149,232)
```
#86a2eb
```
#86a2eb rgb(134,162,235)
```
#96afee
```
#96afee rgb(150,175,238)
```
#a7bcf1
```
#a7bcf1 rgb(167,188,241)
```
#b8c9f3
```
#b8c9f3 rgb(184,201,243)
```
#c9d6f6
```
#c9d6f6 rgb(201,214,246)
```
#dae3f9
```
#dae3f9 rgb(218,227,249)
```
#ebf0fc
```
#ebf0fc rgb(235,240,252)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989a9e is the less saturated color, while #3c71fa is the most saturated one.

#989a9e
```
#989a9e rgb(152,154,158)
```
#9196a5
```
#9196a5 rgb(145,150,165)
```
#8993ad
```
#8993ad rgb(137,147,173)
```
#8190b5
```
#8190b5 rgb(129,144,181)
```
#798cbd
```
#798cbd rgb(121,140,189)
```
#7289c4
```
#7289c4 rgb(114,137,196)
```
#6a85cc
```
#6a85cc rgb(106,133,204)
```
#6282d4
```
#6282d4 rgb(98,130,212)
```
#5b7edb
```
#5b7edb rgb(91,126,219)
```
#537be3
```
#537be3 rgb(83,123,227)
```
#4b78eb
```
#4b78eb rgb(75,120,235)
```
#4474f2
```
#4474f2 rgb(68,116,242)
```
#3c71fa
```
#3c71fa rgb(60,113,250)
```

Tone Color Variation

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

#7b7b7b Achromatopsia 0.005% of the population
#737b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5183e5 Protanopia 1% of men
#2588e1 Deuteranopia 1% of men
#20939d Tritanopia 0.001% of the population

Trichromacy

#5280e4 Protanomaly 1% of men, 0.01% of women
#3683e2 Deuteranomaly 6% of men, 0.4% of women
#328ab7 Tritanomaly 0.01% of the population

#537be3 hex color

#537be3 Color Information

#537be3 Color Conversion

Color Schemes with #537be3

Alternatives to #537be3

#537be3 Preview

Shades and Tints of #537be3

Tones of #537be3

Color Blindness Simulator