#538fb8 hex color

In a RGB color space, hex #538fb8 is composed of 32.5% red, 56.1% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 54.9% cyan, 22.3% magenta, 0% yellow and 27.8% black. It has a hue angle of 204.4 degrees, a saturation of 41.6% and a lightness of 52.4%. #538fb8 color hex could be obtained by blending #a6ffff with #001f71. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 56
- B 72
RGB color chart
- C 55
- M 22
- Y 0
- K 28
CMYK color chart

● #538fb8 color description : Moderate blue.

The hexadecimal color #538fb8 has RGB values of R:83, G:143, B:184 and CMYK values of C:0.55, M:0.22, Y:0, K:0.28. Its decimal value is 5476280.

Hex triplet	538fb8	`#538fb8`
RGB Decimal	83, 143, 184	`rgb(83,143,184)`
RGB Percent	32.5, 56.1, 72.2	`rgb(32.5%,56.1%,72.2%)`
CMYK	55, 22, 0, 28
HSL	204.4°, 41.6, 52.4	`hsl(204.4,41.6%,52.4%)`
HSV (or HSB)	204.4°, 54.9, 72.2
Web Safe	6699cc	`#6699cc`

CIE-LAB	57.02, -7.564, -27.366
XYZ	22.039, 24.943, 48.998
xyY	0.23, 0.26, 24.943
CIE-LCH	57.02, 28.392, 254.55
CIE-LUV	57.02, -26.346, -40.807
Hunter-Lab	49.943, -8.631, -23.207
Binary	01010011, 10001111, 10111000

#538fb8
```
#538fb8 rgb(83,143,184)
```
#b87c53
```
#b87c53 rgb(184,124,83)
```

Complementary Color

#53b8af
```
#53b8af rgb(83,184,175)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#535db8
```
#535db8 rgb(83,93,184)
```

Analogous Color

#b8af53
```
#b8af53 rgb(184,175,83)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#b8535d
```
#b8535d rgb(184,83,93)
```

Split Complementary Color

#8fb853
```
#8fb853 rgb(143,184,83)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#b8538f
```
#b8538f rgb(184,83,143)
```

Triadic Color

#53b87c
```
#53b87c rgb(83,184,124)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#b8538f
```
#b8538f rgb(184,83,143)
```
#b87c53
```
#b87c53 rgb(184,124,83)
```

Tetradic Color

#386787
```
#386787 rgb(56,103,135)
```
#3f7499
```
#3f7499 rgb(63,116,153)
```
#4782ab
```
#4782ab rgb(71,130,171)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#659bbf
```
#659bbf rgb(101,155,191)
```
#77a7c7
```
#77a7c7 rgb(119,167,199)
```
#89b2ce
```
#89b2ce rgb(137,178,206)
```

Monochromatic Color

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

#53a8b8
```
#53a8b8 rgb(83,168,184)
```
#53a0b8
```
#53a0b8 rgb(83,160,184)
```
#5397b8
```
#5397b8 rgb(83,151,184)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#5387b8
```
#5387b8 rgb(83,135,184)
```
#537eb8
```
#537eb8 rgb(83,126,184)
```
#5376b8
```
#5376b8 rgb(83,118,184)
```

Similar Colors

Text with hexadecimal color #538fb8

This text has a font color of #538fb8.

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

#538fb8 background color

This paragraph has a background color of #538fb8.

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

#538fb8 border color

This element has a border color of #538fb8.

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

CSS codes

.text {color:#538fb8;}

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

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

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

#040608
```
#040608 rgb(4,6,8)
```
#091116
```
#091116 rgb(9,17,22)
```
#0f1c24
```
#0f1c24 rgb(15,28,36)
```
#152632
```
#152632 rgb(21,38,50)
```
#1a3140
```
#1a3140 rgb(26,49,64)
```
#203b4e
```
#203b4e rgb(32,59,78)
```
#26465c
```
#26465c rgb(38,70,92)
```
#2c506a
```
#2c506a rgb(44,80,106)
```
#315b78
```
#315b78 rgb(49,91,120)
```
#376685
```
#376685 rgb(55,102,133)
```
#3d7093
```
#3d7093 rgb(61,112,147)
```
#437ba1
```
#437ba1 rgb(67,123,161)
```
#4885af
```
#4885af rgb(72,133,175)
```

Shade Color Variation

#538fb8
```
#538fb8 rgb(83,143,184)
```
#6198be
```
#6198be rgb(97,152,190)
```
#6fa1c3
```
#6fa1c3 rgb(111,161,195)
```
#7daac9
```
#7daac9 rgb(125,170,201)
```
#8bb3cf
```
#8bb3cf rgb(139,179,207)
```
#98bcd5
```
#98bcd5 rgb(152,188,213)
```
#a6c5da
```
#a6c5da rgb(166,197,218)
```
#b4cee0
```
#b4cee0 rgb(180,206,224)
```
#c2d7e6
```
#c2d7e6 rgb(194,215,230)
```
#d0e0ec
```
#d0e0ec rgb(208,224,236)
```
#dee9f1
```
#dee9f1 rgb(222,233,241)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

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

#828689
```
#828689 rgb(130,134,137)
```
#788893
```
#788893 rgb(120,136,147)
```
#6f8a9c
```
#6f8a9c rgb(111,138,156)
```
#668ba5
```
#668ba5 rgb(102,139,165)
```
#5c8daf
```
#5c8daf rgb(92,141,175)
```
#538fb8
```
#538fb8 rgb(83,143,184)
```
#4a91c1
```
#4a91c1 rgb(74,145,193)
```
#4093cb
```
#4093cb rgb(64,147,203)
```
#3794d4
```
#3794d4 rgb(55,148,212)
```
#2e96dd
```
#2e96dd rgb(46,150,221)
```
#2498e7
```
#2498e7 rgb(36,152,231)
```
#1b9af0
```
#1b9af0 rgb(27,154,240)
```
#129bf9
```
#129bf9 rgb(18,155,249)
```

Tone Color Variation

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

#838db6 Protanopia 1% of men
#7f8dbe Deuteranopia 1% of men
#5099a4 Tritanopia 0.001% of the population

Trichromacy

#718eb7 Protanomaly 1% of men, 0.01% of women
#6f8dbc Deuteranomaly 6% of men, 0.4% of women
#5195ab Tritanomaly 0.01% of the population

#538fb8 hex color

#538fb8 Color Information

#538fb8 Color Conversion

Color Schemes with #538fb8

Alternatives to #538fb8

#538fb8 Preview

Shades and Tints of #538fb8

Tones of #538fb8

Color Blindness Simulator