#537a98 hex color

In a RGB color space, hex #537a98 is composed of 32.5% red, 47.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 19.7% magenta, 0% yellow and 40.4% black. It has a hue angle of 206.1 degrees, a saturation of 29.4% and a lightness of 46.1%. #537a98 color hex could be obtained by blending #a6f4ff with #000031. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 33
- G 48
- B 60
RGB color chart
- C 45
- M 20
- Y 0
- K 40
CMYK color chart

● #537a98 color description : Dark moderate blue.

The hexadecimal color #537a98 has RGB values of R:83, G:122, B:152 and CMYK values of C:0.45, M:0.2, Y:0, K:0.4. Its decimal value is 5470872.

Hex triplet	537a98	`#537a98`
RGB Decimal	83, 122, 152	`rgb(83,122,152)`
RGB Percent	32.5, 47.8, 59.6	`rgb(32.5%,47.8%,59.6%)`
CMYK	45, 20, 0, 40
HSL	206.1°, 29.4, 46.1	`hsl(206.1,29.4%,46.1%)`
HSV (or HSB)	206.1°, 45.4, 59.6
Web Safe	666699	`#666699`

CIE-LAB	49.526, -5.255, -20.452
XYZ	16.193, 18.024, 32.33
xyY	0.243, 0.271, 18.024
CIE-LCH	49.526, 21.116, 255.59
CIE-LUV	49.526, -18.648, -29.225
Hunter-Lab	42.455, -6.214, -15.431
Binary	01010011, 01111010, 10011000

#537a98
```
#537a98 rgb(83,122,152)
```
#987153
```
#987153 rgb(152,113,83)
```

Complementary Color

#539894
```
#539894 rgb(83,152,148)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#535898
```
#535898 rgb(83,88,152)
```

Analogous Color

#989453
```
#989453 rgb(152,148,83)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#985358
```
#985358 rgb(152,83,88)
```

Split Complementary Color

#7a9853
```
#7a9853 rgb(122,152,83)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#98537a
```
#98537a rgb(152,83,122)
```

Triadic Color

#539871
```
#539871 rgb(83,152,113)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#98537a
```
#98537a rgb(152,83,122)
```
#987153
```
#987153 rgb(152,113,83)
```

Tetradic Color

#385267
```
#385267 rgb(56,82,103)
```
#416077
```
#416077 rgb(65,96,119)
```
#4a6d88
```
#4a6d88 rgb(74,109,136)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#5e87a7
```
#5e87a7 rgb(94,135,167)
```
#6e93b0
```
#6e93b0 rgb(110,147,176)
```
#7fa0b9
```
#7fa0b9 rgb(127,160,185)
```

Monochromatic Color

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

#538b98
```
#538b98 rgb(83,139,152)
```
#538698
```
#538698 rgb(83,134,152)
```
#538098
```
#538098 rgb(83,128,152)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#537498
```
#537498 rgb(83,116,152)
```
#536f98
```
#536f98 rgb(83,111,152)
```
#536998
```
#536998 rgb(83,105,152)
```

Similar Colors

Text with hexadecimal color #537a98

This text has a font color of #537a98.

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

#537a98 background color

This paragraph has a background color of #537a98.

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

#537a98 border color

This element has a border color of #537a98.

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

CSS codes

.text {color:#537a98;}

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

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

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, #070a0c is the darkest color, while #ffffff is the lightest one.

#070a0c
```
#070a0c rgb(7,10,12)
```
#0e1419
```
#0e1419 rgb(14,20,25)
```
#151e26
```
#151e26 rgb(21,30,38)
```
#1c2933
```
#1c2933 rgb(28,41,51)
```
#23333f
```
#23333f rgb(35,51,63)
```
#293d4c
```
#293d4c rgb(41,61,76)
```
#304759
```
#304759 rgb(48,71,89)
```
#375165
```
#375165 rgb(55,81,101)
```
#3e5b72
```
#3e5b72 rgb(62,91,114)
```
#45667f
```
#45667f rgb(69,102,127)
```
#4c708b
```
#4c708b rgb(76,112,139)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#5a84a5
```
#5a84a5 rgb(90,132,165)
```

Shade Color Variation

#678eac
```
#678eac rgb(103,142,172)
```
#7397b3
```
#7397b3 rgb(115,151,179)
```
#80a0ba
```
#80a0ba rgb(128,160,186)
```
#8daac1
```
#8daac1 rgb(141,170,193)
```
#99b3c7
```
#99b3c7 rgb(153,179,199)
```
#a6bdce
```
#a6bdce rgb(166,189,206)
```
#b3c6d5
```
#b3c6d5 rgb(179,198,213)
```
#bfd0dc
```
#bfd0dc rgb(191,208,220)
```
#ccd9e3
```
#ccd9e3 rgb(204,217,227)
```
#d9e3ea
```
#d9e3ea rgb(217,227,234)
```
#e5ecf1
```
#e5ecf1 rgb(229,236,241)
```
#f2f5f8
```
#f2f5f8 rgb(242,245,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6e767d is the less saturated color, while #0285e9 is the most saturated one.

#6e767d
```
#6e767d rgb(110,118,125)
```
#657886
```
#657886 rgb(101,120,134)
```
#5c798f
```
#5c798f rgb(92,121,143)
```
#537a98
```
#537a98 rgb(83,122,152)
```
#4a7ba1
```
#4a7ba1 rgb(74,123,161)
```
#417caa
```
#417caa rgb(65,124,170)
```
#387eb3
```
#387eb3 rgb(56,126,179)
```
#2f7fbc
```
#2f7fbc rgb(47,127,188)
```
#2680c5
```
#2680c5 rgb(38,128,197)
```
#1d81ce
```
#1d81ce rgb(29,129,206)
```
#1482d7
```
#1482d7 rgb(20,130,215)
```
#0b83e0
```
#0b83e0 rgb(11,131,224)
```
#0285e9
```
#0285e9 rgb(2,133,233)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#6c747a Atypical Achromatopsia 0.001% of the population

Dichromacy

#747b99 Protanopia 1% of men
#747b9f Deuteranopia 1% of men
#56838d Tritanopia 0.001% of the population

Trichromacy

#687b99 Protanomaly 1% of men, 0.01% of women
#687a9c Deuteranomaly 6% of men, 0.4% of women
#558091 Tritanomaly 0.01% of the population

#537a98 hex color

#537a98 Color Information

#537a98 Color Conversion

Color Schemes with #537a98

Alternatives to #537a98

#537a98 Preview

Shades and Tints of #537a98

Tones of #537a98

Color Blindness Simulator