#537cfc hex color

In a RGB color space, hex #537cfc is composed of 32.5% red, 48.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 50.8% magenta, 0% yellow and 1.2% black. It has a hue angle of 225.4 degrees, a saturation of 96.6% and a lightness of 65.7%. #537cfc color hex could be obtained by blending #a6f8ff with #0000f9. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 33
- G 49
- B 99
RGB color chart
- C 67
- M 51
- Y 0
- K 1
CMYK color chart

● #537cfc color description : Soft blue.

The hexadecimal color #537cfc has RGB values of R:83, G:124, B:252 and CMYK values of C:0.67, M:0.51, Y:0, K:0.01. Its decimal value is 5471484.

Hex triplet	537cfc	`#537cfc`
RGB Decimal	83, 124, 252	`rgb(83,124,252)`
RGB Percent	32.5, 48.6, 98.8	`rgb(32.5%,48.6%,98.8%)`
CMYK	67, 51, 0, 1
HSL	225.4°, 96.6, 65.7	`hsl(225.4,96.6%,65.7%)`
HSV (or HSB)	225.4°, 67.1, 98.8
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.36, 26.453, -68.136
XYZ	28.342, 23.281, 95.09
xyY	0.193, 0.159, 23.281
CIE-LCH	55.36, 73.091, 291.218
CIE-LUV	55.36, -19.29, -109.553
Hunter-Lab	48.25, 20.412, -83.072
Binary	01010011, 01111100, 11111100

#537cfc
```
#537cfc rgb(83,124,252)
```
#fcd353
```
#fcd353 rgb(252,211,83)
```

Complementary Color

#53d1fc
```
#53d1fc rgb(83,209,252)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#7f53fc
```
#7f53fc rgb(127,83,252)
```

Analogous Color

#d1fc53
```
#d1fc53 rgb(209,252,83)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#fc7f53
```
#fc7f53 rgb(252,127,83)
```

Split Complementary Color

#7cfc53
```
#7cfc53 rgb(124,252,83)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#fc537c
```
#fc537c rgb(252,83,124)
```

Triadic Color

#53fcd3
```
#53fcd3 rgb(83,252,211)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#fc537c
```
#fc537c rgb(252,83,124)
```
#fcd353
```
#fcd353 rgb(252,211,83)
```

Tetradic Color

#0843fb
```
#0843fb rgb(8,67,251)
```
#2156fb
```
#2156fb rgb(33,86,251)
```
#3a69fc
```
#3a69fc rgb(58,105,252)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#6c8ffc
```
#6c8ffc rgb(108,143,252)
```
#85a2fd
```
#85a2fd rgb(133,162,253)
```
#9eb5fd
```
#9eb5fd rgb(158,181,253)
```

Monochromatic Color

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

#53a6fc
```
#53a6fc rgb(83,166,252)
```
#5398fc
```
#5398fc rgb(83,152,252)
```
#538afc
```
#538afc rgb(83,138,252)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#536efc
```
#536efc rgb(83,110,252)
```
#5360fc
```
#5360fc rgb(83,96,252)
```
#5453fc
```
#5453fc rgb(84,83,252)
```

Similar Colors

Text with hexadecimal color #537cfc

This text has a font color of #537cfc.

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

#537cfc background color

This paragraph has a background color of #537cfc.

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

#537cfc border color

This element has a border color of #537cfc.

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

CSS codes

.text {color:#537cfc;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#000515
```
#000515 rgb(0,5,21)
```
#010a28
```
#010a28 rgb(1,10,40)
```
#010f3b
```
#010f3b rgb(1,15,59)
```
#01144f
```
#01144f rgb(1,20,79)
```
#021962
```
#021962 rgb(2,25,98)
```
#021e75
```
#021e75 rgb(2,30,117)
```
#022388
```
#022388 rgb(2,35,136)
```
#03289c
```
#03289c rgb(3,40,156)
```
#032daf
```
#032daf rgb(3,45,175)
```
#0332c2
```
#0332c2 rgb(3,50,194)
```
#0437d6
```
#0437d6 rgb(4,55,214)
```
#043ce9
```
#043ce9 rgb(4,60,233)
```

Shade Color Variation

#0641fb
```
#0641fb rgb(6,65,251)
```
#1950fb
```
#1950fb rgb(25,80,251)
```
#2c5ffb
```
#2c5ffb rgb(44,95,251)
```
#406dfc
```
#406dfc rgb(64,109,252)
```
#537cfc
```
#537cfc rgb(83,124,252)
```
#668bfc
```
#668bfc rgb(102,139,252)
```
#7a99fd
```
#7a99fd rgb(122,153,253)
```
#8da8fd
```
#8da8fd rgb(141,168,253)
```
#a0b7fd
```
#a0b7fd rgb(160,183,253)
```
#b3c5fe
```
#b3c5fe rgb(179,197,254)
```
#c7d4fe
```
#c7d4fe rgb(199,212,254)
```
#dae3fe
```
#dae3fe rgb(218,227,254)
```
#edf1ff
```
#edf1ff rgb(237,241,255)
```

Tint Color Variation

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

#a4a6ab
```
#a4a6ab rgb(164,166,171)
```
#9da2b2
```
#9da2b2 rgb(157,162,178)
```
#969fb9
```
#969fb9 rgb(150,159,185)
```
#909bbf
```
#909bbf rgb(144,155,191)
```
#8998c6
```
#8998c6 rgb(137,152,198)
```
#8294cd
```
#8294cd rgb(130,148,205)
```
#7b91d4
```
#7b91d4 rgb(123,145,212)
```
#758dda
```
#758dda rgb(117,141,218)
```
#6e8ae1
```
#6e8ae1 rgb(110,138,225)
```
#6786e8
```
#6786e8 rgb(103,134,232)
```
#6083ef
```
#6083ef rgb(96,131,239)
```
#5a7ff5
```
#5a7ff5 rgb(90,127,245)
```
#537cfc
```
#537cfc rgb(83,124,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#757e97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3786ff Protanopia 1% of men
#008de9 Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4182fd Protanomaly 1% of men, 0.01% of women
#1e87f0 Deuteranomaly 6% of men, 0.4% of women
#1e8ec3 Tritanomaly 0.01% of the population

#537cfc hex color

#537cfc Color Information

#537cfc Color Conversion

Color Schemes with #537cfc

Alternatives to #537cfc

#537cfc Preview

Shades and Tints of #537cfc

Tones of #537cfc

Color Blindness Simulator