#5383d4 hex color

In a RGB color space, hex #5383d4 is composed of 32.5% red, 51.4% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 60.8% cyan, 38.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 217.7 degrees, a saturation of 60% and a lightness of 57.8%. #5383d4 color hex could be obtained by blending #a6ffff with #0007a9. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 51
- B 83
RGB color chart
- C 61
- M 38
- Y 0
- K 17
CMYK color chart

● #5383d4 color description : Moderate blue.

The hexadecimal color #5383d4 has RGB values of R:83, G:131, B:212 and CMYK values of C:0.61, M:0.38, Y:0, K:0.17. Its decimal value is 5473236.

Hex triplet	5383d4	`#5383d4`
RGB Decimal	83, 131, 212	`rgb(83,131,212)`
RGB Percent	32.5, 51.4, 83.1	`rgb(32.5%,51.4%,83.1%)`
CMYK	61, 38, 0, 17
HSL	217.7°, 60, 57.8	`hsl(217.7,60%,57.8%)`
HSV (or HSB)	217.7°, 60.8, 83.1
Web Safe	6699cc	`#6699cc`

CIE-LAB	54.89, 8.545, -46.563
XYZ	23.565, 22.824, 65.447
xyY	0.211, 0.204, 22.824
CIE-LCH	54.89, 47.341, 280.399
CIE-LUV	54.89, -21.549, -73.5
Hunter-Lab	47.774, 4.441, -47.781
Binary	01010011, 10000011, 11010100

#5383d4
```
#5383d4 rgb(83,131,212)
```
#d4a453
```
#d4a453 rgb(212,164,83)
```

Complementary Color

#53c4d4
```
#53c4d4 rgb(83,196,212)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#6453d4
```
#6453d4 rgb(100,83,212)
```

Analogous Color

#c4d453
```
#c4d453 rgb(196,212,83)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#d46453
```
#d46453 rgb(212,100,83)
```

Split Complementary Color

#83d453
```
#83d453 rgb(131,212,83)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#d45383
```
#d45383 rgb(212,83,131)
```

Triadic Color

#53d4a4
```
#53d4a4 rgb(83,212,164)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#d45383
```
#d45383 rgb(212,83,131)
```
#d4a453
```
#d4a453 rgb(212,164,83)
```

Tetradic Color

#2c5caf
```
#2c5caf rgb(44,92,175)
```
#3167c3
```
#3167c3 rgb(49,103,195)
```
#3f74cf
```
#3f74cf rgb(63,116,207)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#6792d9
```
#6792d9 rgb(103,146,217)
```
#7ca0de
```
#7ca0de rgb(124,160,222)
```
#90afe3
```
#90afe3 rgb(144,175,227)
```

Monochromatic Color

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

#53a3d4
```
#53a3d4 rgb(83,163,212)
```
#5399d4
```
#5399d4 rgb(83,153,212)
```
#538ed4
```
#538ed4 rgb(83,142,212)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#5378d4
```
#5378d4 rgb(83,120,212)
```
#536ed4
```
#536ed4 rgb(83,110,212)
```
#5363d4
```
#5363d4 rgb(83,99,212)
```

Similar Colors

Text with hexadecimal color #5383d4

This text has a font color of #5383d4.

<span style="color:#5383d4;">Text here</span>

#5383d4 background color

This paragraph has a background color of #5383d4.

<p style="background-color:#5383d4;">Content here</p>

#5383d4 border color

This element has a border color of #5383d4.

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

CSS codes

.text {color:#5383d4;}

.background {background-color:#5383d4;}

.border {border:1px solid #5383d4;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040910
```
#040910 rgb(4,9,16)
```
#081120
```
#081120 rgb(8,17,32)
```
#0c1930
```
#0c1930 rgb(12,25,48)
```
#10223f
```
#10223f rgb(16,34,63)
```
#142a4f
```
#142a4f rgb(20,42,79)
```
#18325f
```
#18325f rgb(24,50,95)
```
#1c3a6e
```
#1c3a6e rgb(28,58,110)
```
#20437e
```
#20437e rgb(32,67,126)
```
#234b8e
```
#234b8e rgb(35,75,142)
```
#27539e
```
#27539e rgb(39,83,158)
```
#2b5cad
```
#2b5cad rgb(43,92,173)
```
#2f64bd
```
#2f64bd rgb(47,100,189)
```

Shade Color Variation

#346ccc
```
#346ccc rgb(52,108,204)
```
#4378d0
```
#4378d0 rgb(67,120,208)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#638ed8
```
#638ed8 rgb(99,142,216)
```
#729adc
```
#729adc rgb(114,154,220)
```
#82a5e0
```
#82a5e0 rgb(130,165,224)
```
#92b0e4
```
#92b0e4 rgb(146,176,228)
```
#a1bce8
```
#a1bce8 rgb(161,188,232)
```
#b1c7ec
```
#b1c7ec rgb(177,199,236)
```
#c1d2ef
```
#c1d2ef rgb(193,210,239)
```
#d1def3
```
#d1def3 rgb(209,222,243)
```
#e0e9f7
```
#e0e9f7 rgb(224,233,247)
```
#f0f4fb
```
#f0f4fb rgb(240,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8d929a is the less saturated color, while #2a78fd is the most saturated one.

#8d929a
```
#8d929a rgb(141,146,154)
```
#8590a2
```
#8590a2 rgb(133,144,162)
```
#7c8eab
```
#7c8eab rgb(124,142,171)
```
#748bb3
```
#748bb3 rgb(116,139,179)
```
#6c89bb
```
#6c89bb rgb(108,137,187)
```
#6487c3
```
#6487c3 rgb(100,135,195)
```
#5b85cc
```
#5b85cc rgb(91,133,204)
```
#5383d4
```
#5383d4 rgb(83,131,212)
```
#4b81dc
```
#4b81dc rgb(75,129,220)
```
#427fe5
```
#427fe5 rgb(66,127,229)
```
#3a7ded
```
#3a7ded rgb(58,125,237)
```
#327bf5
```
#327bf5 rgb(50,123,245)
```
#2a78fd
```
#2a78fd rgb(42,120,253)
```

Tone Color Variation

Below, you can see how #5383d4 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
#757f8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6987d4 Protanopia 1% of men
#568ad5 Deuteranopia 1% of men
#3995a0 Tritanopia 0.001% of the population

Trichromacy

#6185d4 Protanomaly 1% of men, 0.01% of women
#5587d5 Deuteranomaly 6% of men, 0.4% of women
#438eb3 Tritanomaly 0.01% of the population

#5383d4 hex color

#5383d4 Color Information

#5383d4 Color Conversion

Color Schemes with #5383d4

Alternatives to #5383d4

#5383d4 Preview

Shades and Tints of #5383d4

Tones of #5383d4

Color Blindness Simulator