#5396cd hex color

In a RGB color space, hex #5396cd is composed of 32.5% red, 58.8% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 26.8% magenta, 0% yellow and 19.6% black. It has a hue angle of 207 degrees, a saturation of 55% and a lightness of 56.5%. #5396cd color hex could be obtained by blending #a6ffff with #002d9b. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 33
- G 59
- B 80
RGB color chart
- C 60
- M 27
- Y 0
- K 20
CMYK color chart

● #5396cd color description : Moderate blue.

The hexadecimal color #5396cd has RGB values of R:83, G:150, B:205 and CMYK values of C:0.6, M:0.27, Y:0, K:0.2. Its decimal value is 5478093.

Hex triplet	5396cd	`#5396cd`
RGB Decimal	83, 150, 205	`rgb(83,150,205)`
RGB Percent	32.5, 58.8, 80.4	`rgb(32.5%,58.8%,80.4%)`
CMYK	60, 27, 0, 20
HSL	207°, 55, 56.5	`hsl(207,55%,56.5%)`
HSV (or HSB)	207°, 59.5, 80.4
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.941, -4.891, -34.683
XYZ	25.49, 28.058, 61.827
xyY	0.221, 0.243, 28.058
CIE-LCH	59.941, 35.026, 261.973
CIE-LUV	59.941, -28.416, -53.515
Hunter-Lab	52.97, -6.798, -32.125
Binary	01010011, 10010110, 11001101

#5396cd
```
#5396cd rgb(83,150,205)
```
#cd8a53
```
#cd8a53 rgb(205,138,83)
```

Complementary Color

#53cdc7
```
#53cdc7 rgb(83,205,199)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#5359cd
```
#5359cd rgb(83,89,205)
```

Analogous Color

#cdc753
```
#cdc753 rgb(205,199,83)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#cd5359
```
#cd5359 rgb(205,83,89)
```

Split Complementary Color

#96cd53
```
#96cd53 rgb(150,205,83)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#cd5396
```
#cd5396 rgb(205,83,150)
```

Triadic Color

#53cd8a
```
#53cd8a rgb(83,205,138)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#cd5396
```
#cd5396 rgb(205,83,150)
```
#cd8a53
```
#cd8a53 rgb(205,138,83)
```

Tetradic Color

#306fa4
```
#306fa4 rgb(48,111,164)
```
#357db8
```
#357db8 rgb(53,125,184)
```
#3f8ac7
```
#3f8ac7 rgb(63,138,199)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#67a2d3
```
#67a2d3 rgb(103,162,211)
```
#7baed8
```
#7baed8 rgb(123,174,216)
```
#8ebade
```
#8ebade rgb(142,186,222)
```

Monochromatic Color

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

#53b5cd
```
#53b5cd rgb(83,181,205)
```
#53aacd
```
#53aacd rgb(83,170,205)
```
#53a0cd
```
#53a0cd rgb(83,160,205)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#538ccd
```
#538ccd rgb(83,140,205)
```
#5382cd
```
#5382cd rgb(83,130,205)
```
#5378cd
```
#5378cd rgb(83,120,205)
```

Similar Colors

Text with hexadecimal color #5396cd

This text has a font color of #5396cd.

<span style="color:#5396cd;">Text here</span>

#5396cd background color

This paragraph has a background color of #5396cd.

<p style="background-color:#5396cd;">Content here</p>

#5396cd border color

This element has a border color of #5396cd.

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

CSS codes

.text {color:#5396cd;}

.background {background-color:#5396cd;}

.border {border:1px solid #5396cd;}

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, #03070a is the darkest color, while #fafcfe is the lightest one.

#03070a
```
#03070a rgb(3,7,10)
```
#07111a
```
#07111a rgb(7,17,26)
```
#0c1c29
```
#0c1c29 rgb(12,28,41)
```
#102638
```
#102638 rgb(16,38,56)
```
#153047
```
#153047 rgb(21,48,71)
```
#193b56
```
#193b56 rgb(25,59,86)
```
#1e4566
```
#1e4566 rgb(30,69,102)
```
#224f75
```
#224f75 rgb(34,79,117)
```
#265a84
```
#265a84 rgb(38,90,132)
```
#2b6493
```
#2b6493 rgb(43,100,147)
```
#2f6ea2
```
#2f6ea2 rgb(47,110,162)
```
#3479b2
```
#3479b2 rgb(52,121,178)
```
#3883c1
```
#3883c1 rgb(56,131,193)
```

Shade Color Variation

#448dc9
```
#448dc9 rgb(68,141,201)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#629fd1
```
#629fd1 rgb(98,159,209)
```
#71a9d6
```
#71a9d6 rgb(113,169,214)
```
#81b2da
```
#81b2da rgb(129,178,218)
```
#90bbdf
```
#90bbdf rgb(144,187,223)
```
#9fc4e3
```
#9fc4e3 rgb(159,196,227)
```
#aecee8
```
#aecee8 rgb(174,206,232)
```
#bdd7ec
```
#bdd7ec rgb(189,215,236)
```
#cde0f0
```
#cde0f0 rgb(205,224,240)
```
#dce9f5
```
#dce9f5 rgb(220,233,245)
```
#ebf3f9
```
#ebf3f9 rgb(235,243,249)
```
#fafcfe
```
#fafcfe rgb(250,252,254)
```

Tint Color Variation

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

#8f9091
```
#8f9091 rgb(143,144,145)
```
#86919a
```
#86919a rgb(134,145,154)
```
#7e92a2
```
#7e92a2 rgb(126,146,162)
```
#7593ab
```
#7593ab rgb(117,147,171)
```
#6d93b3
```
#6d93b3 rgb(109,147,179)
```
#6494bc
```
#6494bc rgb(100,148,188)
```
#5c95c4
```
#5c95c4 rgb(92,149,196)
```
#5396cd
```
#5396cd rgb(83,150,205)
```
#4a97d6
```
#4a97d6 rgb(74,151,214)
```
#4298de
```
#4298de rgb(66,152,222)
```
#3999e7
```
#3999e7 rgb(57,153,231)
```
#3199ef
```
#3199ef rgb(49,153,239)
```
#289af8
```
#289af8 rgb(40,154,248)
```

Tone Color Variation

Below, you can see how #5396cd 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

#888888 Achromatopsia 0.005% of the population
#7d8b96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8494ca Protanopia 1% of men
#7c95d2 Deuteranopia 1% of men
#48a2ad Tritanopia 0.001% of the population

Trichromacy

#7294cb Protanomaly 1% of men, 0.01% of women
#6d95d0 Deuteranomaly 6% of men, 0.4% of women
#4c9db9 Tritanomaly 0.01% of the population

#5396cd hex color

#5396cd Color Information

#5396cd Color Conversion

Color Schemes with #5396cd

Alternatives to #5396cd

#5396cd Preview

Shades and Tints of #5396cd

Tones of #5396cd

Color Blindness Simulator