#538fb9 hex color

In a RGB color space, hex #538fb9 is composed of 32.5% red, 56.1% green and 72.5% blue. Whereas in a CMYK color space, it is composed of 55.1% cyan, 22.7% magenta, 0% yellow and 27.5% black. It has a hue angle of 204.7 degrees, a saturation of 42.1% and a lightness of 52.5%. #538fb9 color hex could be obtained by blending #a6ffff with #001f73. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 56
- B 73
RGB color chart
- C 55
- M 23
- Y 0
- K 27
CMYK color chart

● #538fb9 color description : Moderate blue.

The hexadecimal color #538fb9 has RGB values of R:83, G:143, B:185 and CMYK values of C:0.55, M:0.23, Y:0, K:0.27. Its decimal value is 5476281.

Hex triplet	538fb9	`#538fb9`
RGB Decimal	83, 143, 185	`rgb(83,143,185)`
RGB Percent	32.5, 56.1, 72.5	`rgb(32.5%,56.1%,72.5%)`
CMYK	55, 23, 0, 27
HSL	204.7°, 42.1, 52.5	`hsl(204.7,42.1%,52.5%)`
HSV (or HSB)	204.7°, 55.1, 72.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.061, -7.253, -27.871
XYZ	22.145, 24.985, 49.552
xyY	0.229, 0.258, 24.985
CIE-LCH	57.061, 28.799, 255.414
CIE-LUV	57.061, -26.322, -41.669
Hunter-Lab	49.985, -8.395, -23.786
Binary	01010011, 10001111, 10111001

#538fb9
```
#538fb9 rgb(83,143,185)
```
#b97d53
```
#b97d53 rgb(185,125,83)
```

Complementary Color

#53b9b0
```
#53b9b0 rgb(83,185,176)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#535cb9
```
#535cb9 rgb(83,92,185)
```

Analogous Color

#b9b053
```
#b9b053 rgb(185,176,83)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#b9535c
```
#b9535c rgb(185,83,92)
```

Split Complementary Color

#8fb953
```
#8fb953 rgb(143,185,83)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#b9538f
```
#b9538f rgb(185,83,143)
```

Triadic Color

#53b97d
```
#53b97d rgb(83,185,125)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#b9538f
```
#b9538f rgb(185,83,143)
```
#b97d53
```
#b97d53 rgb(185,125,83)
```

Tetradic Color

#376788
```
#376788 rgb(55,103,136)
```
#3f759a
```
#3f759a rgb(63,117,154)
```
#4682ac
```
#4682ac rgb(70,130,172)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#659bc0
```
#659bc0 rgb(101,155,192)
```
#77a7c8
```
#77a7c8 rgb(119,167,200)
```
#89b2cf
```
#89b2cf rgb(137,178,207)
```

Monochromatic Color

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

#53a9b9
```
#53a9b9 rgb(83,169,185)
```
#53a0b9
```
#53a0b9 rgb(83,160,185)
```
#5398b9
```
#5398b9 rgb(83,152,185)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#5387b9
```
#5387b9 rgb(83,135,185)
```
#537eb9
```
#537eb9 rgb(83,126,185)
```
#5376b9
```
#5376b9 rgb(83,118,185)
```

Similar Colors

Text with hexadecimal color #538fb9

This text has a font color of #538fb9.

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

#538fb9 background color

This paragraph has a background color of #538fb9.

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

#538fb9 border color

This element has a border color of #538fb9.

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

CSS codes

.text {color:#538fb9;}

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

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

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

#040709
```
#040709 rgb(4,7,9)
```
#091217
```
#091217 rgb(9,18,23)
```
#0f1c25
```
#0f1c25 rgb(15,28,37)
```
#152733
```
#152733 rgb(21,39,51)
```
#1a3141
```
#1a3141 rgb(26,49,65)
```
#203c4f
```
#203c4f rgb(32,60,79)
```
#26465d
```
#26465d rgb(38,70,93)
```
#2b516b
```
#2b516b rgb(43,81,107)
```
#315b79
```
#315b79 rgb(49,91,121)
```
#376687
```
#376687 rgb(55,102,135)
```
#3c7095
```
#3c7095 rgb(60,112,149)
```
#427ba3
```
#427ba3 rgb(66,123,163)
```
#4885b1
```
#4885b1 rgb(72,133,177)
```

Shade Color Variation

#538fb9
```
#538fb9 rgb(83,143,185)
```
#6198bf
```
#6198bf rgb(97,152,191)
```
#6fa1c4
```
#6fa1c4 rgb(111,161,196)
```
#7daaca
```
#7daaca rgb(125,170,202)
```
#8bb3d0
```
#8bb3d0 rgb(139,179,208)
```
#99bcd5
```
#99bcd5 rgb(153,188,213)
```
#a7c5db
```
#a7c5db rgb(167,197,219)
```
#b5cfe1
```
#b5cfe1 rgb(181,207,225)
```
#c3d8e6
```
#c3d8e6 rgb(195,216,230)
```
#d0e1ec
```
#d0e1ec rgb(208,225,236)
```
#deeaf2
```
#deeaf2 rgb(222,234,242)
```
#ecf3f7
```
#ecf3f7 rgb(236,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82878a is the less saturated color, while #129afa is the most saturated one.

#82878a
```
#82878a rgb(130,135,138)
```
#788894
```
#788894 rgb(120,136,148)
```
#6f8a9d
```
#6f8a9d rgb(111,138,157)
```
#668ca6
```
#668ca6 rgb(102,140,166)
```
#5c8db0
```
#5c8db0 rgb(92,141,176)
```
#538fb9
```
#538fb9 rgb(83,143,185)
```
#4a91c2
```
#4a91c2 rgb(74,145,194)
```
#4092cc
```
#4092cc rgb(64,146,204)
```
#3794d5
```
#3794d5 rgb(55,148,213)
```
#2e96de
```
#2e96de rgb(46,150,222)
```
#2497e8
```
#2497e8 rgb(36,151,232)
```
#1b99f1
```
#1b99f1 rgb(27,153,241)
```
#129afa
```
#129afa rgb(18,154,250)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#79858d Atypical Achromatopsia 0.001% of the population

Dichromacy

#828db7 Protanopia 1% of men
#7e8dbf Deuteranopia 1% of men
#5099a4 Tritanopia 0.001% of the population

Trichromacy

#718eb8 Protanomaly 1% of men, 0.01% of women
#6e8ebd Deuteranomaly 6% of men, 0.4% of women
#5195ac Tritanomaly 0.01% of the population

#538fb9 hex color

#538fb9 Color Information

#538fb9 Color Conversion

Color Schemes with #538fb9

Alternatives to #538fb9

#538fb9 Preview

Shades and Tints of #538fb9

Tones of #538fb9

Color Blindness Simulator