#537fbc hex color

In a RGB color space, hex #537fbc is composed of 32.5% red, 49.8% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 32.4% magenta, 0% yellow and 26.3% black. It has a hue angle of 214.9 degrees, a saturation of 43.9% and a lightness of 53.1%. #537fbc color hex could be obtained by blending #a6feff with #000079. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 33
- G 50
- B 74
RGB color chart
- C 56
- M 32
- Y 0
- K 26
CMYK color chart

● #537fbc color description : Moderate blue.

The hexadecimal color #537fbc has RGB values of R:83, G:127, B:188 and CMYK values of C:0.56, M:0.32, Y:0, K:0.26. Its decimal value is 5472188.

Hex triplet	537fbc	`#537fbc`
RGB Decimal	83, 127, 188	`rgb(83,127,188)`
RGB Percent	32.5, 49.8, 73.7	`rgb(32.5%,49.8%,73.7%)`
CMYK	56, 32, 0, 26
HSL	214.9°, 43.9, 53.1	`hsl(214.9,43.9%,53.1%)`
HSV (or HSB)	214.9°, 55.9, 73.7
Web Safe	6666cc	`#6666cc`

CIE-LAB	52.561, 3.016, -36.597
XYZ	20.232, 20.647, 50.493
xyY	0.221, 0.226, 20.647
CIE-LCH	52.561, 36.721, 274.711
CIE-LUV	52.561, -20.322, -56.264
Hunter-Lab	45.439, -0.043, -34.077
Binary	01010011, 01111111, 10111100

#537fbc
```
#537fbc rgb(83,127,188)
```
#bc9053
```
#bc9053 rgb(188,144,83)
```

Complementary Color

#53b4bc
```
#53b4bc rgb(83,180,188)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#5c53bc
```
#5c53bc rgb(92,83,188)
```

Analogous Color

#b4bc53
```
#b4bc53 rgb(180,188,83)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#bc5c53
```
#bc5c53 rgb(188,92,83)
```

Split Complementary Color

#7fbc53
```
#7fbc53 rgb(127,188,83)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#bc537f
```
#bc537f rgb(188,83,127)
```

Triadic Color

#53bc90
```
#53bc90 rgb(83,188,144)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#bc537f
```
#bc537f rgb(188,83,127)
```
#bc9053
```
#bc9053 rgb(188,144,83)
```

Tetradic Color

#375a8c
```
#375a8c rgb(55,90,140)
```
#3e669e
```
#3e669e rgb(62,102,158)
```
#4572b1
```
#4572b1 rgb(69,114,177)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#658dc3
```
#658dc3 rgb(101,141,195)
```
#789aca
```
#789aca rgb(120,154,202)
```
#8aa8d1
```
#8aa8d1 rgb(138,168,209)
```

Monochromatic Color

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

#5399bc
```
#5399bc rgb(83,153,188)
```
#5391bc
```
#5391bc rgb(83,145,188)
```
#5388bc
```
#5388bc rgb(83,136,188)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#5376bc
```
#5376bc rgb(83,118,188)
```
#536ebc
```
#536ebc rgb(83,110,188)
```
#5365bc
```
#5365bc rgb(83,101,188)
```

Similar Colors

Text with hexadecimal color #537fbc

This text has a font color of #537fbc.

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

#537fbc background color

This paragraph has a background color of #537fbc.

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

#537fbc border color

This element has a border color of #537fbc.

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

CSS codes

.text {color:#537fbc;}

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

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

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

#04070c
```
#04070c rgb(4,7,12)
```
#0a111a
```
#0a111a rgb(10,17,26)
```
#0f1a28
```
#0f1a28 rgb(15,26,40)
```
#152336
```
#152336 rgb(21,35,54)
```
#1a2c44
```
#1a2c44 rgb(26,44,68)
```
#203552
```
#203552 rgb(32,53,82)
```
#253e60
```
#253e60 rgb(37,62,96)
```
#2b476e
```
#2b476e rgb(43,71,110)
```
#30507c
```
#30507c rgb(48,80,124)
```
#36598b
```
#36598b rgb(54,89,139)
```
#3b6399
```
#3b6399 rgb(59,99,153)
```
#416ca7
```
#416ca7 rgb(65,108,167)
```
#4675b5
```
#4675b5 rgb(70,117,181)
```

Shade Color Variation

#537fbc
```
#537fbc rgb(83,127,188)
```
#618ac1
```
#618ac1 rgb(97,138,193)
```
#6f94c7
```
#6f94c7 rgb(111,148,199)
```
#7d9fcc
```
#7d9fcc rgb(125,159,204)
```
#8ba9d2
```
#8ba9d2 rgb(139,169,210)
```
#9ab4d7
```
#9ab4d7 rgb(154,180,215)
```
#a8bedd
```
#a8bedd rgb(168,190,221)
```
#b6c9e2
```
#b6c9e2 rgb(182,201,226)
```
#c4d3e8
```
#c4d3e8 rgb(196,211,232)
```
#d2deed
```
#d2deed rgb(210,222,237)
```
#e0e8f3
```
#e0e8f3 rgb(224,232,243)
```
#eef3f8
```
#eef3f8 rgb(238,243,248)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#81868e
```
#81868e rgb(129,134,142)
```
#788597
```
#788597 rgb(120,133,151)
```
#6f83a0
```
#6f83a0 rgb(111,131,160)
```
#6582aa
```
#6582aa rgb(101,130,170)
```
#5c80b3
```
#5c80b3 rgb(92,128,179)
```
#537fbc
```
#537fbc rgb(83,127,188)
```
#4a7ec5
```
#4a7ec5 rgb(74,126,197)
```
#417cce
```
#417cce rgb(65,124,206)
```
#377bd8
```
#377bd8 rgb(55,123,216)
```
#2e79e1
```
#2e79e1 rgb(46,121,225)
```
#2578ea
```
#2578ea rgb(37,120,234)
```
#1c76f3
```
#1c76f3 rgb(28,118,243)
```
#1375fc
```
#1375fc rgb(19,117,252)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#717a86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e82bc Protanopia 1% of men
#6583c0 Deuteranopia 1% of men
#488d98 Tritanopia 0.001% of the population

Trichromacy

#6481bc Protanomaly 1% of men, 0.01% of women
#5e82be Deuteranomaly 6% of men, 0.4% of women
#4c88a5 Tritanomaly 0.01% of the population

#537fbc hex color

#537fbc Color Information

#537fbc Color Conversion

Color Schemes with #537fbc

Alternatives to #537fbc

#537fbc Preview

Shades and Tints of #537fbc

Tones of #537fbc

Color Blindness Simulator