#538da5 hex color

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

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

● #538da5 color description : Dark moderate blue.

The hexadecimal color #538da5 has RGB values of R:83, G:141, B:165 and CMYK values of C:0.5, M:0.15, Y:0, K:0.35. Its decimal value is 5475749.

Hex triplet	538da5	`#538da5`
RGB Decimal	83, 141, 165	`rgb(83,141,165)`
RGB Percent	32.5, 55.3, 64.7	`rgb(32.5%,55.3%,64.7%)`
CMYK	50, 15, 0, 35
HSL	197.6°, 33.1, 48.6	`hsl(197.6,33.1%,48.6%)`
HSV (or HSB)	197.6°, 49.7, 64.7
Web Safe	669999	`#669999`

CIE-LAB	55.689, -12.197, -18.559
XYZ	19.882, 23.604, 39.104
xyY	0.241, 0.286, 23.604
CIE-LCH	55.689, 22.208, 236.688
CIE-LUV	55.689, -26.028, -25.989
Hunter-Lab	48.584, -11.975, -13.711
Binary	01010011, 10001101, 10100101

#538da5
```
#538da5 rgb(83,141,165)
```
#a56b53
```
#a56b53 rgb(165,107,83)
```

Complementary Color

#53a594
```
#53a594 rgb(83,165,148)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#5364a5
```
#5364a5 rgb(83,100,165)
```

Analogous Color

#a59453
```
#a59453 rgb(165,148,83)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#a55364
```
#a55364 rgb(165,83,100)
```

Split Complementary Color

#8da553
```
#8da553 rgb(141,165,83)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#a5538d
```
#a5538d rgb(165,83,141)
```

Triadic Color

#53a56b
```
#53a56b rgb(83,165,107)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#a5538d
```
#a5538d rgb(165,83,141)
```
#a56b53
```
#a56b53 rgb(165,107,83)
```

Tetradic Color

#396272
```
#396272 rgb(57,98,114)
```
#427083
```
#427083 rgb(66,112,131)
```
#4a7f94
```
#4a7f94 rgb(74,127,148)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#6299b0
```
#6299b0 rgb(98,153,176)
```
#73a4b8
```
#73a4b8 rgb(115,164,184)
```
#84afc1
```
#84afc1 rgb(132,175,193)
```

Monochromatic Color

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

#53a2a5
```
#53a2a5 rgb(83,162,165)
```
#539ba5
```
#539ba5 rgb(83,155,165)
```
#5394a5
```
#5394a5 rgb(83,148,165)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#5386a5
```
#5386a5 rgb(83,134,165)
```
#537fa5
```
#537fa5 rgb(83,127,165)
```
#5379a5
```
#5379a5 rgb(83,121,165)
```

Similar Colors

Text with hexadecimal color #538da5

This text has a font color of #538da5.

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

#538da5 background color

This paragraph has a background color of #538da5.

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

#538da5 border color

This element has a border color of #538da5.

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

CSS codes

.text {color:#538da5;}

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

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

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)
```
#0b1215
```
#0b1215 rgb(11,18,21)
```
#111d22
```
#111d22 rgb(17,29,34)
```
#182930
```
#182930 rgb(24,41,48)
```
#1e343d
```
#1e343d rgb(30,52,61)
```
#253f4a
```
#253f4a rgb(37,63,74)
```
#2c4a57
```
#2c4a57 rgb(44,74,87)
```
#325564
```
#325564 rgb(50,85,100)
```
#396071
```
#396071 rgb(57,96,113)
```
#3f6c7e
```
#3f6c7e rgb(63,108,126)
```
#46778b
```
#46778b rgb(70,119,139)
```
#4c8298
```
#4c8298 rgb(76,130,152)
```
#538da5
```
#538da5 rgb(83,141,165)
```

Shade Color Variation

#5e96ae
```
#5e96ae rgb(94,150,174)
```
#6b9fb4
```
#6b9fb4 rgb(107,159,180)
```
#78a7bb
```
#78a7bb rgb(120,167,187)
```
#85b0c2
```
#85b0c2 rgb(133,176,194)
```
#92b8c8
```
#92b8c8 rgb(146,184,200)
```
#9fc1cf
```
#9fc1cf rgb(159,193,207)
```
#acc9d5
```
#acc9d5 rgb(172,201,213)
```
#b9d2dc
```
#b9d2dc rgb(185,210,220)
```
#c6dae2
```
#c6dae2 rgb(198,218,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 #07adf1 is the most saturated one.

#797d7f
```
#797d7f rgb(121,125,127)
```
#708188
```
#708188 rgb(112,129,136)
```
#668592
```
#668592 rgb(102,133,146)
```
#5d899b
```
#5d899b rgb(93,137,155)
```
#538da5
```
#538da5 rgb(83,141,165)
```
#4991af
```
#4991af rgb(73,145,175)
```
#4095b8
```
#4095b8 rgb(64,149,184)
```
#3699c2
```
#3699c2 rgb(54,153,194)
```
#2d9dcb
```
#2d9dcb rgb(45,157,203)
```
#23a1d5
```
#23a1d5 rgb(35,161,213)
```
#1aa5de
```
#1aa5de rgb(26,165,222)
```
#10a9e8
```
#10a9e8 rgb(16,169,232)
```
#07adf1
```
#07adf1 rgb(7,173,241)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#758186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858aa4 Protanopia 1% of men
#8689ad Deuteranopia 1% of men
#57949f Tritanopia 0.001% of the population

Trichromacy

#738ba4 Protanomaly 1% of men, 0.01% of women
#738aaa Deuteranomaly 6% of men, 0.4% of women
#5691a1 Tritanomaly 0.01% of the population

#538da5 hex color

#538da5 Color Information

#538da5 Color Conversion

Color Schemes with #538da5

Alternatives to #538da5

#538da5 Preview

Shades and Tints of #538da5

Tones of #538da5

Color Blindness Simulator