#538498 hex color

In a RGB color space, hex #538498 is composed of 32.5% red, 51.8% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 45.4% cyan, 13.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 197.4 degrees, a saturation of 29.4% and a lightness of 46.1%. #538498 color hex could be obtained by blending #a6ffff with #000931. Closest websafe color is: #669999.

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

● #538498 color description : Dark moderate blue.

The hexadecimal color #538498 has RGB values of R:83, G:132, B:152 and CMYK values of C:0.45, M:0.13, Y:0, K:0.4. Its decimal value is 5473432.

Hex triplet	538498	`#538498`
RGB Decimal	83, 132, 152	`rgb(83,132,152)`
RGB Percent	32.5, 51.8, 59.6	`rgb(32.5%,51.8%,59.6%)`
CMYK	45, 13, 0, 40
HSL	197.4°, 29.4, 46.1	`hsl(197.4,29.4%,46.1%)`
HSV (or HSB)	197.4°, 45.4, 59.6
Web Safe	669999	`#669999`

CIE-LAB	52.517, -10.968, -15.884
XYZ	17.485, 20.608, 32.76
xyY	0.247, 0.291, 20.608
CIE-LCH	52.517, 19.303, 235.373
CIE-LUV	52.517, -22.688, -21.722
Hunter-Lab	45.396, -10.691, -11.011
Binary	01010011, 10000100, 10011000

#538498
```
#538498 rgb(83,132,152)
```
#986753
```
#986753 rgb(152,103,83)
```

Complementary Color

#53988a
```
#53988a rgb(83,152,138)
```
#538498
```
#538498 rgb(83,132,152)
```
#536298
```
#536298 rgb(83,98,152)
```

Analogous Color

#988a53
```
#988a53 rgb(152,138,83)
```
#538498
```
#538498 rgb(83,132,152)
```
#985362
```
#985362 rgb(152,83,98)
```

Split Complementary Color

#849853
```
#849853 rgb(132,152,83)
```
#538498
```
#538498 rgb(83,132,152)
```
#985384
```
#985384 rgb(152,83,132)
```

Triadic Color

#539867
```
#539867 rgb(83,152,103)
```
#538498
```
#538498 rgb(83,132,152)
```
#985384
```
#985384 rgb(152,83,132)
```
#986753
```
#986753 rgb(152,103,83)
```

Tetradic Color

#385967
```
#385967 rgb(56,89,103)
```
#416777
```
#416777 rgb(65,103,119)
```
#4a7688
```
#4a7688 rgb(74,118,136)
```
#538498
```
#538498 rgb(83,132,152)
```
#5e92a7
```
#5e92a7 rgb(94,146,167)
```
#6e9db0
```
#6e9db0 rgb(110,157,176)
```
#7fa8b9
```
#7fa8b9 rgb(127,168,185)
```

Monochromatic Color

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

#539598
```
#539598 rgb(83,149,152)
```
#539098
```
#539098 rgb(83,144,152)
```
#538a98
```
#538a98 rgb(83,138,152)
```
#538498
```
#538498 rgb(83,132,152)
```
#537e98
```
#537e98 rgb(83,126,152)
```
#537998
```
#537998 rgb(83,121,152)
```
#537398
```
#537398 rgb(83,115,152)
```

Similar Colors

Text with hexadecimal color #538498

This text has a font color of #538498.

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

#538498 background color

This paragraph has a background color of #538498.

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

#538498 border color

This element has a border color of #538498.

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

CSS codes

.text {color:#538498;}

.background {background-color:#538498;}

.border {border:1px solid #538498;}

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

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1619
```
#0e1619 rgb(14,22,25)
```
#152126
```
#152126 rgb(21,33,38)
```
#1c2c33
```
#1c2c33 rgb(28,44,51)
```
#23373f
```
#23373f rgb(35,55,63)
```
#29424c
```
#29424c rgb(41,66,76)
```
#304d59
```
#304d59 rgb(48,77,89)
```
#375865
```
#375865 rgb(55,88,101)
```
#3e6372
```
#3e6372 rgb(62,99,114)
```
#456e7f
```
#456e7f rgb(69,110,127)
```
#4c798b
```
#4c798b rgb(76,121,139)
```
#538498
```
#538498 rgb(83,132,152)
```
#5a8fa5
```
#5a8fa5 rgb(90,143,165)
```

Shade Color Variation

#6798ac
```
#6798ac rgb(103,152,172)
```
#73a0b3
```
#73a0b3 rgb(115,160,179)
```
#80a9ba
```
#80a9ba rgb(128,169,186)
```
#8db1c1
```
#8db1c1 rgb(141,177,193)
```
#99bac7
```
#99bac7 rgb(153,186,199)
```
#a6c3ce
```
#a6c3ce rgb(166,195,206)
```
#b3cbd5
```
#b3cbd5 rgb(179,203,213)
```
#bfd4dc
```
#bfd4dc rgb(191,212,220)
```
#ccdce3
```
#ccdce3 rgb(204,220,227)
```
#d9e5ea
```
#d9e5ea rgb(217,229,234)
```
#e5eef1
```
#e5eef1 rgb(229,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#6e797d
```
#6e797d rgb(110,121,125)
```
#657c86
```
#657c86 rgb(101,124,134)
```
#5c808f
```
#5c808f rgb(92,128,143)
```
#538498
```
#538498 rgb(83,132,152)
```
#4a88a1
```
#4a88a1 rgb(74,136,161)
```
#418caa
```
#418caa rgb(65,140,170)
```
#388fb3
```
#388fb3 rgb(56,143,179)
```
#2f93bc
```
#2f93bc rgb(47,147,188)
```
#2697c5
```
#2697c5 rgb(38,151,197)
```
#1d9bce
```
#1d9bce rgb(29,155,206)
```
#149fd7
```
#149fd7 rgb(20,159,215)
```
#0ba2e0
```
#0ba2e0 rgb(11,162,224)
```
#02a6e9
```
#02a6e9 rgb(2,166,233)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#717a7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f8398 Protanopia 1% of men
#8081a0 Deuteranopia 1% of men
#598b95 Tritanopia 0.001% of the population

Trichromacy

#6f8398 Protanomaly 1% of men, 0.01% of women
#70829d Deuteranomaly 6% of men, 0.4% of women
#568896 Tritanomaly 0.01% of the population

#538498 hex color

#538498 Color Information

#538498 Color Conversion

Color Schemes with #538498

Alternatives to #538498

#538498 Preview

Shades and Tints of #538498

Tones of #538498

Color Blindness Simulator