#538fa5 hex color

In a RGB color space, hex #538fa5 is composed of 32.5% red, 56.1% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 49.7% cyan, 13.3% magenta, 0% yellow and 35.3% black. It has a hue angle of 196.1 degrees, a saturation of 33.1% and a lightness of 48.6%. #538fa5 color hex could be obtained by blending #a6ffff with #001f4b. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 56
- B 65
RGB color chart
- C 50
- M 13
- Y 0
- K 35
CMYK color chart

● #538fa5 color description : Dark moderate blue.

The hexadecimal color #538fa5 has RGB values of R:83, G:143, B:165 and CMYK values of C:0.5, M:0.13, Y:0, K:0.35. Its decimal value is 5476261.

Hex triplet	538fa5	`#538fa5`
RGB Decimal	83, 143, 165	`rgb(83,143,165)`
RGB Percent	32.5, 56.1, 64.7	`rgb(32.5%,56.1%,64.7%)`
CMYK	50, 13, 0, 35
HSL	196.1°, 33.1, 48.6	`hsl(196.1,33.1%,48.6%)`
HSV (or HSB)	196.1°, 49.7, 64.7
Web Safe	669999	`#669999`

CIE-LAB	56.287, -13.299, -17.649
XYZ	20.18, 24.199, 39.203
xyY	0.241, 0.29, 24.199
CIE-LCH	56.287, 22.099, 233.002
CIE-LUV	56.287, -26.821, -24.458
Hunter-Lab	49.193, -12.864, -12.814
Binary	01010011, 10001111, 10100101

#538fa5
```
#538fa5 rgb(83,143,165)
```
#a56953
```
#a56953 rgb(165,105,83)
```

Complementary Color

#53a592
```
#53a592 rgb(83,165,146)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#5366a5
```
#5366a5 rgb(83,102,165)
```

Analogous Color

#a59253
```
#a59253 rgb(165,146,83)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#a55366
```
#a55366 rgb(165,83,102)
```

Split Complementary Color

#8fa553
```
#8fa553 rgb(143,165,83)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#a5538f
```
#a5538f rgb(165,83,143)
```

Triadic Color

#53a569
```
#53a569 rgb(83,165,105)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#a5538f
```
#a5538f rgb(165,83,143)
```
#a56953
```
#a56953 rgb(165,105,83)
```

Tetradic Color

#396372
```
#396372 rgb(57,99,114)
```
#427283
```
#427283 rgb(66,114,131)
```
#4a8094
```
#4a8094 rgb(74,128,148)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#629bb0
```
#629bb0 rgb(98,155,176)
```
#73a6b8
```
#73a6b8 rgb(115,166,184)
```
#84b0c1
```
#84b0c1 rgb(132,176,193)
```

Monochromatic Color

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

#53a4a5
```
#53a4a5 rgb(83,164,165)
```
#539da5
```
#539da5 rgb(83,157,165)
```
#5396a5
```
#5396a5 rgb(83,150,165)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#5388a5
```
#5388a5 rgb(83,136,165)
```
#5381a5
```
#5381a5 rgb(83,129,165)
```
#537ba5
```
#537ba5 rgb(83,123,165)
```

Similar Colors

Text with hexadecimal color #538fa5

This text has a font color of #538fa5.

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

#538fa5 background color

This paragraph has a background color of #538fa5.

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

#538fa5 border color

This element has a border color of #538fa5.

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

CSS codes

.text {color:#538fa5;}

.background {background-color:#538fa5;}

.border {border:1px solid #538fa5;}

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

#040708
```
#040708 rgb(4,7,8)
```
#0b1315
```
#0b1315 rgb(11,19,21)
```
#111e22
```
#111e22 rgb(17,30,34)
```
#182930
```
#182930 rgb(24,41,48)
```
#1e353d
```
#1e353d rgb(30,53,61)
```
#25404a
```
#25404a rgb(37,64,74)
```
#2c4b57
```
#2c4b57 rgb(44,75,87)
```
#325664
```
#325664 rgb(50,86,100)
```
#396271
```
#396271 rgb(57,98,113)
```
#3f6d7e
```
#3f6d7e rgb(63,109,126)
```
#46788b
```
#46788b rgb(70,120,139)
```
#4c8498
```
#4c8498 rgb(76,132,152)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```

Shade Color Variation

#5e98ae
```
#5e98ae rgb(94,152,174)
```
#6ba1b4
```
#6ba1b4 rgb(107,161,180)
```
#78a9bb
```
#78a9bb rgb(120,169,187)
```
#85b1c2
```
#85b1c2 rgb(133,177,194)
```
#92bac8
```
#92bac8 rgb(146,186,200)
```
#9fc2cf
```
#9fc2cf rgb(159,194,207)
```
#accad5
```
#accad5 rgb(172,202,213)
```
#b9d3dc
```
#b9d3dc rgb(185,211,220)
```
#c6dbe2
```
#c6dbe2 rgb(198,219,226)
```
#d3e3e9
```
#d3e3e9 rgb(211,227,233)
```
#e0ebf0
```
#e0ebf0 rgb(224,235,240)
```
#edf4f6
```
#edf4f6 rgb(237,244,246)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797d7f is the less saturated color, while #07b2f1 is the most saturated one.

#797d7f
```
#797d7f rgb(121,125,127)
```
#708288
```
#708288 rgb(112,130,136)
```
#668692
```
#668692 rgb(102,134,146)
```
#5d8b9b
```
#5d8b9b rgb(93,139,155)
```
#538fa5
```
#538fa5 rgb(83,143,165)
```
#4993af
```
#4993af rgb(73,147,175)
```
#4098b8
```
#4098b8 rgb(64,152,184)
```
#369cc2
```
#369cc2 rgb(54,156,194)
```
#2da1cb
```
#2da1cb rgb(45,161,203)
```
#23a5d5
```
#23a5d5 rgb(35,165,213)
```
#1aaade
```
#1aaade rgb(26,170,222)
```
#10aee8
```
#10aee8 rgb(16,174,232)
```
#07b2f1
```
#07b2f1 rgb(7,178,241)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#778387 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888ca4 Protanopia 1% of men
#888aad Deuteranopia 1% of men
#5896a1 Tritanopia 0.001% of the population

Trichromacy

#748da4 Protanomaly 1% of men, 0.01% of women
#758caa Deuteranomaly 6% of men, 0.4% of women
#5693a2 Tritanomaly 0.01% of the population

#538fa5 hex color

#538fa5 Color Information

#538fa5 Color Conversion

Color Schemes with #538fa5

Alternatives to #538fa5

#538fa5 Preview

Shades and Tints of #538fa5

Tones of #538fa5

Color Blindness Simulator