#537cfe hex color

In a RGB color space, hex #537cfe is composed of 32.5% red, 48.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 67.3% cyan, 51.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 225.6 degrees, a saturation of 98.8% and a lightness of 66.1%. #537cfe color hex could be obtained by blending #a6f8ff with #0000fd. Closest websafe color is: #6666ff.

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

● #537cfe color description : Soft blue.

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

Hex triplet	537cfe	`#537cfe`
RGB Decimal	83, 124, 254	`rgb(83,124,254)`
RGB Percent	32.5, 48.6, 99.6	`rgb(32.5%,48.6%,99.6%)`
CMYK	67, 51, 0, 0
HSL	225.6°, 98.8, 66.1	`hsl(225.6,98.8%,66.1%)`
HSV (or HSB)	225.6°, 67.3, 99.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.49, 27.14, -69.03
XYZ	28.661, 23.408, 96.768
xyY	0.193, 0.157, 23.408
CIE-LCH	55.49, 74.173, 291.463
CIE-LUV	55.49, -19.3, -111.048
Hunter-Lab	48.382, 21.071, -84.718
Binary	01010011, 01111100, 11111110

#537cfe
```
#537cfe rgb(83,124,254)
```
#fed553
```
#fed553 rgb(254,213,83)
```

Complementary Color

#53d2fe
```
#53d2fe rgb(83,210,254)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#8053fe
```
#8053fe rgb(128,83,254)
```

Analogous Color

#d2fe53
```
#d2fe53 rgb(210,254,83)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#fe8053
```
#fe8053 rgb(254,128,83)
```

Split Complementary Color

#7cfe53
```
#7cfe53 rgb(124,254,83)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#fe537c
```
#fe537c rgb(254,83,124)
```

Triadic Color

#53fed5
```
#53fed5 rgb(83,254,213)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#fe537c
```
#fe537c rgb(254,83,124)
```
#fed553
```
#fed553 rgb(254,213,83)
```

Tetradic Color

#0742fe
```
#0742fe rgb(7,66,254)
```
#2055fe
```
#2055fe rgb(32,85,254)
```
#3a69fe
```
#3a69fe rgb(58,105,254)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#6c8ffe
```
#6c8ffe rgb(108,143,254)
```
#86a3fe
```
#86a3fe rgb(134,163,254)
```
#9fb6fe
```
#9fb6fe rgb(159,182,254)
```

Monochromatic Color

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

#53a7fe
```
#53a7fe rgb(83,167,254)
```
#5399fe
```
#5399fe rgb(83,153,254)
```
#538afe
```
#538afe rgb(83,138,254)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#536efe
```
#536efe rgb(83,110,254)
```
#5360fe
```
#5360fe rgb(83,96,254)
```
#5553fe
```
#5553fe rgb(85,83,254)
```

Similar Colors

Text with hexadecimal color #537cfe

This text has a font color of #537cfe.

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

#537cfe background color

This paragraph has a background color of #537cfe.

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

#537cfe border color

This element has a border color of #537cfe.

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

CSS codes

.text {color:#537cfe;}

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

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

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

#000104
```
#000104 rgb(0,1,4)
```
#000617
```
#000617 rgb(0,6,23)
```
#000a2b
```
#000a2b rgb(0,10,43)
```
#000f3e
```
#000f3e rgb(0,15,62)
```
#001452
```
#001452 rgb(0,20,82)
```
#011965
```
#011965 rgb(1,25,101)
```
#011d79
```
#011d79 rgb(1,29,121)
```
#01228c
```
#01228c rgb(1,34,140)
```
#0127a0
```
#0127a0 rgb(1,39,160)
```
#012cb3
```
#012cb3 rgb(1,44,179)
```
#0130c7
```
#0130c7 rgb(1,48,199)
```
#0135da
```
#0135da rgb(1,53,218)
```
#013aee
```
#013aee rgb(1,58,238)
```

Shade Color Variation

#0541fe
```
#0541fe rgb(5,65,254)
```
#184ffe
```
#184ffe rgb(24,79,254)
```
#2c5efe
```
#2c5efe rgb(44,94,254)
```
#3f6dfe
```
#3f6dfe rgb(63,109,254)
```
#537cfe
```
#537cfe rgb(83,124,254)
```
#678bfe
```
#678bfe rgb(103,139,254)
```
#7a9afe
```
#7a9afe rgb(122,154,254)
```
#8ea9fe
```
#8ea9fe rgb(142,169,254)
```
#a1b7fe
```
#a1b7fe rgb(161,183,254)
```
#b5c6ff
```
#b5c6ff rgb(181,198,255)
```
#c8d5ff
```
#c8d5ff rgb(200,213,255)
```
#dce4ff
```
#dce4ff rgb(220,228,255)
```
#eff3ff
```
#eff3ff rgb(239,243,255)
```

Tint Color Variation

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

#a3a6ae
```
#a3a6ae rgb(163,166,174)
```
#9ca2b5
```
#9ca2b5 rgb(156,162,181)
```
#969fbb
```
#969fbb rgb(150,159,187)
```
#8f9bc2
```
#8f9bc2 rgb(143,155,194)
```
#8898c9
```
#8898c9 rgb(136,152,201)
```
#8294cf
```
#8294cf rgb(130,148,207)
```
#7b91d6
```
#7b91d6 rgb(123,145,214)
```
#748ddd
```
#748ddd rgb(116,141,221)
```
#6e8ae3
```
#6e8ae3 rgb(110,138,227)
```
#6786ea
```
#6786ea rgb(103,134,234)
```
#6083f1
```
#6083f1 rgb(96,131,241)
```
#5a7ff7
```
#5a7ff7 rgb(90,127,247)
```
#537cfe
```
#537cfe rgb(83,124,254)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#767e98 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3887ff Protanopia 1% of men
#008ee9 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#4283fe Protanomaly 1% of men, 0.01% of women
#1e87f1 Deuteranomaly 6% of men, 0.4% of women
#1e8ec4 Tritanomaly 0.01% of the population

#537cfe hex color

#537cfe Color Information

#537cfe Color Conversion

Color Schemes with #537cfe

Alternatives to #537cfe

#537cfe Preview

Shades and Tints of #537cfe

Tones of #537cfe

Color Blindness Simulator