#538fd8 hex color

In a RGB color space, hex #538fd8 is composed of 32.5% red, 56.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 33.8% magenta, 0% yellow and 15.3% black. It has a hue angle of 212.9 degrees, a saturation of 63% and a lightness of 58.6%. #538fd8 color hex could be obtained by blending #a6ffff with #001fb1. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 56
- B 85
RGB color chart
- C 62
- M 34
- Y 0
- K 15
CMYK color chart

● #538fd8 color description : Moderate blue.

The hexadecimal color #538fd8 has RGB values of R:83, G:143, B:216 and CMYK values of C:0.62, M:0.34, Y:0, K:0.15. Its decimal value is 5476312.

Hex triplet	538fd8	`#538fd8`
RGB Decimal	83, 143, 216	`rgb(83,143,216)`
RGB Percent	32.5, 56.1, 84.7	`rgb(32.5%,56.1%,84.7%)`
CMYK	62, 34, 0, 15
HSL	212.9°, 63, 58.6	`hsl(212.9,63%,58.6%)`
HSV (or HSB)	212.9°, 61.6, 84.7
Web Safe	6699cc	`#6699cc`

CIE-LAB	58.452, 2.748, -43.178
XYZ	25.782, 26.44, 68.707
xyY	0.213, 0.219, 26.44
CIE-LCH	58.452, 43.265, 273.641
CIE-LUV	58.452, -25.652, -68.177
Hunter-Lab	51.42, -0.486, -43.229
Binary	01010011, 10001111, 11011000

#538fd8
```
#538fd8 rgb(83,143,216)
```
#d89c53
```
#d89c53 rgb(216,156,83)
```

Complementary Color

#53d2d8
```
#53d2d8 rgb(83,210,216)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#5a53d8
```
#5a53d8 rgb(90,83,216)
```

Analogous Color

#d2d853
```
#d2d853 rgb(210,216,83)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#d85a53
```
#d85a53 rgb(216,90,83)
```

Split Complementary Color

#8fd853
```
#8fd853 rgb(143,216,83)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#d8538f
```
#d8538f rgb(216,83,143)
```

Triadic Color

#53d89c
```
#53d89c rgb(83,216,156)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#d8538f
```
#d8538f rgb(216,83,143)
```
#d89c53
```
#d89c53 rgb(216,156,83)
```

Tetradic Color

#2968b5
```
#2968b5 rgb(41,104,181)
```
#2e74ca
```
#2e74ca rgb(46,116,202)
```
#3e81d3
```
#3e81d3 rgb(62,129,211)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#689ddd
```
#689ddd rgb(104,157,221)
```
#7daae1
```
#7daae1 rgb(125,170,225)
```
#91b8e6
```
#91b8e6 rgb(145,184,230)
```

Monochromatic Color

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

#53b0d8
```
#53b0d8 rgb(83,176,216)
```
#53a5d8
```
#53a5d8 rgb(83,165,216)
```
#539ad8
```
#539ad8 rgb(83,154,216)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#5384d8
```
#5384d8 rgb(83,132,216)
```
#5379d8
```
#5379d8 rgb(83,121,216)
```
#536ed8
```
#536ed8 rgb(83,110,216)
```

Similar Colors

Text with hexadecimal color #538fd8

This text has a font color of #538fd8.

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

#538fd8 background color

This paragraph has a background color of #538fd8.

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

#538fd8 border color

This element has a border color of #538fd8.

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

CSS codes

.text {color:#538fd8;}

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

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

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

#010204
```
#010204 rgb(1,2,4)
```
#050b14
```
#050b14 rgb(5,11,20)
```
#081524
```
#081524 rgb(8,21,36)
```
#0c1e34
```
#0c1e34 rgb(12,30,52)
```
#0f2744
```
#0f2744 rgb(15,39,68)
```
#133054
```
#133054 rgb(19,48,84)
```
#173964
```
#173964 rgb(23,57,100)
```
#1a4374
```
#1a4374 rgb(26,67,116)
```
#1e4c84
```
#1e4c84 rgb(30,76,132)
```
#225594
```
#225594 rgb(34,85,148)
```
#255ea4
```
#255ea4 rgb(37,94,164)
```
#2967b4
```
#2967b4 rgb(41,103,180)
```
#2c71c4
```
#2c71c4 rgb(44,113,196)
```

Shade Color Variation

#337ad1
```
#337ad1 rgb(51,122,209)
```
#4385d4
```
#4385d4 rgb(67,133,212)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#6399dc
```
#6399dc rgb(99,153,220)
```
#73a4df
```
#73a4df rgb(115,164,223)
```
#83aee3
```
#83aee3 rgb(131,174,227)
```
#93b9e7
```
#93b9e7 rgb(147,185,231)
```
#a3c3ea
```
#a3c3ea rgb(163,195,234)
```
#b3cdee
```
#b3cdee rgb(179,205,238)
```
#c3d8f1
```
#c3d8f1 rgb(195,216,241)
```
#d3e2f5
```
#d3e2f5 rgb(211,226,245)
```
#e3edf9
```
#e3edf9 rgb(227,237,249)
```
#f3f7fc
```
#f3f7fc rgb(243,247,252)
```

Tint Color Variation

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

#949597
```
#949597 rgb(148,149,151)
```
#8c959f
```
#8c959f rgb(140,149,159)
```
#8494a7
```
#8494a7 rgb(132,148,167)
```
#7c93af
```
#7c93af rgb(124,147,175)
```
#7392b8
```
#7392b8 rgb(115,146,184)
```
#6b91c0
```
#6b91c0 rgb(107,145,192)
```
#6391c8
```
#6391c8 rgb(99,145,200)
```
#5b90d0
```
#5b90d0 rgb(91,144,208)
```
#538fd8
```
#538fd8 rgb(83,143,216)
```
#4b8ee0
```
#4b8ee0 rgb(75,142,224)
```
#438de8
```
#438de8 rgb(67,141,232)
```
#3b8df0
```
#3b8df0 rgb(59,141,240)
```
#338cf8
```
#338cf8 rgb(51,140,248)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#7b8796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7790d6 Protanopia 1% of men
#6992db Deuteranopia 1% of men
#3d9eaa Tritanopia 0.001% of the population

Trichromacy

#6a8fd7 Protanomaly 1% of men, 0.01% of women
#6191d9 Deuteranomaly 6% of men, 0.4% of women
#4599bb Tritanomaly 0.01% of the population

#538fd8 hex color

#538fd8 Color Information

#538fd8 Color Conversion

Color Schemes with #538fd8

Alternatives to #538fd8

#538fd8 Preview

Shades and Tints of #538fd8

Tones of #538fd8

Color Blindness Simulator