#537df9 hex color

In a RGB color space, hex #537df9 is composed of 32.5% red, 49% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 49.8% magenta, 0% yellow and 2.4% black. It has a hue angle of 224.8 degrees, a saturation of 93.3% and a lightness of 65.1%. #537df9 color hex could be obtained by blending #a6faff with #0000f3. Closest websafe color is: #6666ff.

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

● #537df9 color description : Soft blue.

The hexadecimal color #537df9 has RGB values of R:83, G:125, B:249 and CMYK values of C:0.67, M:0.5, Y:0, K:0.02. Its decimal value is 5471737.

Hex triplet	537df9	`#537df9`
RGB Decimal	83, 125, 249	`rgb(83,125,249)`
RGB Percent	32.5, 49, 97.6	`rgb(32.5%,49%,97.6%)`
CMYK	67, 50, 0, 2
HSL	224.8°, 93.3, 65.1	`hsl(224.8,93.3%,65.1%)`
HSV (or HSB)	224.8°, 66.7, 97.6
Web Safe	6666ff	`#6666ff`

CIE-LAB	55.425, 24.811, -66.373
XYZ	27.996, 23.344, 92.648
xyY	0.194, 0.162, 23.344
CIE-LCH	55.425, 70.859, 290.496
CIE-LUV	55.425, -19.568, -106.721
Hunter-Lab	48.316, 18.878, -79.871
Binary	01010011, 01111101, 11111001

#537df9
```
#537df9 rgb(83,125,249)
```
#f9cf53
```
#f9cf53 rgb(249,207,83)
```

Complementary Color

#53d0f9
```
#53d0f9 rgb(83,208,249)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#7c53f9
```
#7c53f9 rgb(124,83,249)
```

Analogous Color

#d0f953
```
#d0f953 rgb(208,249,83)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#f97c53
```
#f97c53 rgb(249,124,83)
```

Split Complementary Color

#7df953
```
#7df953 rgb(125,249,83)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#f9537d
```
#f9537d rgb(249,83,125)
```

Triadic Color

#53f9cf
```
#53f9cf rgb(83,249,207)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#f9537d
```
#f9537d rgb(249,83,125)
```
#f9cf53
```
#f9cf53 rgb(249,207,83)
```

Tetradic Color

#0945f6
```
#0945f6 rgb(9,69,246)
```
#2258f7
```
#2258f7 rgb(34,88,247)
```
#3a6af8
```
#3a6af8 rgb(58,106,248)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#6c90fa
```
#6c90fa rgb(108,144,250)
```
#84a2fb
```
#84a2fb rgb(132,162,251)
```
#9db5fc
```
#9db5fc rgb(157,181,252)
```

Monochromatic Color

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

#53a7f9
```
#53a7f9 rgb(83,167,249)
```
#5399f9
```
#5399f9 rgb(83,153,249)
```
#538bf9
```
#538bf9 rgb(83,139,249)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#536ff9
```
#536ff9 rgb(83,111,249)
```
#5361f9
```
#5361f9 rgb(83,97,249)
```
#5354f9
```
#5354f9 rgb(83,84,249)
```

Similar Colors

Text with hexadecimal color #537df9

This text has a font color of #537df9.

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

#537df9 background color

This paragraph has a background color of #537df9.

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

#537df9 border color

This element has a border color of #537df9.

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

CSS codes

.text {color:#537df9;}

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

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

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

#010512
```
#010512 rgb(1,5,18)
```
#010a24
```
#010a24 rgb(1,10,36)
```
#020f37
```
#020f37 rgb(2,15,55)
```
#03154a
```
#03154a rgb(3,21,74)
```
#031a5d
```
#031a5d rgb(3,26,93)
```
#041f70
```
#041f70 rgb(4,31,112)
```
#052583
```
#052583 rgb(5,37,131)
```
#052a96
```
#052a96 rgb(5,42,150)
```
#062fa9
```
#062fa9 rgb(6,47,169)
```
#0735bc
```
#0735bc rgb(7,53,188)
```
#073acf
```
#073acf rgb(7,58,207)
```
#083fe2
```
#083fe2 rgb(8,63,226)
```
#0944f5
```
#0944f5 rgb(9,68,245)
```

Shade Color Variation

#1a52f7
```
#1a52f7 rgb(26,82,247)
```
#2d60f8
```
#2d60f8 rgb(45,96,248)
```
#406ff8
```
#406ff8 rgb(64,111,248)
```
#537df9
```
#537df9 rgb(83,125,249)
```
#668bfa
```
#668bfa rgb(102,139,250)
```
#799afa
```
#799afa rgb(121,154,250)
```
#8ca8fb
```
#8ca8fb rgb(140,168,251)
```
#9fb6fc
```
#9fb6fc rgb(159,182,252)
```
#b2c5fc
```
#b2c5fc rgb(178,197,252)
```
#c5d3fd
```
#c5d3fd rgb(197,211,253)
```
#d8e1fe
```
#d8e1fe rgb(216,225,254)
```
#ebf0fe
```
#ebf0fe rgb(235,240,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#a5a6a7
```
#a5a6a7 rgb(165,166,167)
```
#9ea2ae
```
#9ea2ae rgb(158,162,174)
```
#979fb5
```
#979fb5 rgb(151,159,181)
```
#919bbb
```
#919bbb rgb(145,155,187)
```
#8a98c2
```
#8a98c2 rgb(138,152,194)
```
#8395c9
```
#8395c9 rgb(131,149,201)
```
#7c91d0
```
#7c91d0 rgb(124,145,208)
```
#758ed7
```
#758ed7 rgb(117,142,215)
```
#6e8bde
```
#6e8bde rgb(110,139,222)
```
#6887e4
```
#6887e4 rgb(104,135,228)
```
#6184eb
```
#6184eb rgb(97,132,235)
```
#5a80f2
```
#5a80f2 rgb(90,128,242)
```
#537df9
```
#537df9 rgb(83,125,249)
```

Tone Color Variation

Below, you can see how #537df9 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
#767f97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d87fc Protanopia 1% of men
#008dea Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#4583fb Protanomaly 1% of men, 0.01% of women
#1e87ef Deuteranomaly 6% of men, 0.4% of women
#1e8ec2 Tritanomaly 0.01% of the population

#537df9 hex color

#537df9 Color Information

#537df9 Color Conversion

Color Schemes with #537df9

Alternatives to #537df9

#537df9 Preview

Shades and Tints of #537df9

Tones of #537df9

Color Blindness Simulator