#5396cb hex color

In a RGB color space, hex #5396cb is composed of 32.5% red, 58.8% green and 79.6% blue. Whereas in a CMYK color space, it is composed of 59.1% cyan, 26.1% magenta, 0% yellow and 20.4% black. It has a hue angle of 206.5 degrees, a saturation of 53.6% and a lightness of 56.1%. #5396cb color hex could be obtained by blending #a6ffff with #002d97. Closest websafe color is: #6699cc.

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

● #5396cb color description : Moderate blue.

The hexadecimal color #5396cb has RGB values of R:83, G:150, B:203 and CMYK values of C:0.59, M:0.26, Y:0, K:0.2. Its decimal value is 5478091.

Hex triplet	5396cb	`#5396cb`
RGB Decimal	83, 150, 203	`rgb(83,150,203)`
RGB Percent	32.5, 58.8, 79.6	`rgb(32.5%,58.8%,79.6%)`
CMYK	59, 26, 0, 20
HSL	206.5°, 53.6, 56.1	`hsl(206.5,53.6%,56.1%)`
HSV (or HSB)	206.5°, 59.1, 79.6
Web Safe	6699cc	`#6699cc`

CIE-LAB	59.854, -5.532, -33.697
XYZ	25.251, 27.962, 60.563
xyY	0.222, 0.246, 27.962
CIE-LCH	59.854, 34.148, 260.677
CIE-LUV	59.854, -28.47, -51.795
Hunter-Lab	52.879, -7.302, -30.891
Binary	01010011, 10010110, 11001011

#5396cb
```
#5396cb rgb(83,150,203)
```
#cb8853
```
#cb8853 rgb(203,136,83)
```

Complementary Color

#53cbc4
```
#53cbc4 rgb(83,203,196)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#535acb
```
#535acb rgb(83,90,203)
```

Analogous Color

#cbc453
```
#cbc453 rgb(203,196,83)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#cb535a
```
#cb535a rgb(203,83,90)
```

Split Complementary Color

#96cb53
```
#96cb53 rgb(150,203,83)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#cb5396
```
#cb5396 rgb(203,83,150)
```

Triadic Color

#53cb88
```
#53cb88 rgb(83,203,136)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#cb5396
```
#cb5396 rgb(203,83,150)
```
#cb8853
```
#cb8853 rgb(203,136,83)
```

Tetradic Color

#316fa1
```
#316fa1 rgb(49,111,161)
```
#377db4
```
#377db4 rgb(55,125,180)
```
#3f8ac5
```
#3f8ac5 rgb(63,138,197)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#67a2d1
```
#67a2d1 rgb(103,162,209)
```
#7aaed7
```
#7aaed7 rgb(122,174,215)
```
#8ebadd
```
#8ebadd rgb(142,186,221)
```

Monochromatic Color

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

#53b4cb
```
#53b4cb rgb(83,180,203)
```
#53aacb
```
#53aacb rgb(83,170,203)
```
#53a0cb
```
#53a0cb rgb(83,160,203)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#538ccb
```
#538ccb rgb(83,140,203)
```
#5382cb
```
#5382cb rgb(83,130,203)
```
#5378cb
```
#5378cb rgb(83,120,203)
```

Similar Colors

Text with hexadecimal color #5396cb

This text has a font color of #5396cb.

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

#5396cb background color

This paragraph has a background color of #5396cb.

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

#5396cb border color

This element has a border color of #5396cb.

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

CSS codes

.text {color:#5396cb;}

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

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

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

#030609
```
#030609 rgb(3,6,9)
```
#071018
```
#071018 rgb(7,16,24)
```
#0c1b27
```
#0c1b27 rgb(12,27,39)
```
#102536
```
#102536 rgb(16,37,54)
```
#153045
```
#153045 rgb(21,48,69)
```
#193a54
```
#193a54 rgb(25,58,84)
```
#1e4563
```
#1e4563 rgb(30,69,99)
```
#234f72
```
#234f72 rgb(35,79,114)
```
#275981
```
#275981 rgb(39,89,129)
```
#2c6490
```
#2c6490 rgb(44,100,144)
```
#306e9f
```
#306e9f rgb(48,110,159)
```
#3579ae
```
#3579ae rgb(53,121,174)
```
#3983bd
```
#3983bd rgb(57,131,189)
```

Shade Color Variation

#448dc6
```
#448dc6 rgb(68,141,198)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#629fd0
```
#629fd0 rgb(98,159,208)
```
#71a8d4
```
#71a8d4 rgb(113,168,212)
```
#80b2d9
```
#80b2d9 rgb(128,178,217)
```
#8fbbdd
```
#8fbbdd rgb(143,187,221)
```
#9ec4e2
```
#9ec4e2 rgb(158,196,226)
```
#adcde6
```
#adcde6 rgb(173,205,230)
```
#bcd6eb
```
#bcd6eb rgb(188,214,235)
```
#cbe0ef
```
#cbe0ef rgb(203,224,239)
```
#dbe9f4
```
#dbe9f4 rgb(219,233,244)
```
#eaf2f9
```
#eaf2f9 rgb(234,242,249)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#879097
```
#879097 rgb(135,144,151)
```
#7e91a0
```
#7e91a0 rgb(126,145,160)
```
#7592a9
```
#7592a9 rgb(117,146,169)
```
#6d93b1
```
#6d93b1 rgb(109,147,177)
```
#6494ba
```
#6494ba rgb(100,148,186)
```
#5c95c2
```
#5c95c2 rgb(92,149,194)
```
#5396cb
```
#5396cb rgb(83,150,203)
```
#4a97d4
```
#4a97d4 rgb(74,151,212)
```
#4298dc
```
#4298dc rgb(66,152,220)
```
#3999e5
```
#3999e5 rgb(57,153,229)
```
#319aed
```
#319aed rgb(49,154,237)
```
#289bf6
```
#289bf6 rgb(40,155,246)
```
#1f9cff
```
#1f9cff rgb(31,156,255)
```

Tone Color Variation

Below, you can see how #5396cb 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
#7d8b95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8594c8 Protanopia 1% of men
#7d94d0 Deuteranopia 1% of men
#4aa1ad Tritanopia 0.001% of the population

Trichromacy

#7394c9 Protanomaly 1% of men, 0.01% of women
#6e95ce Deuteranomaly 6% of men, 0.4% of women
#4d9db8 Tritanomaly 0.01% of the population

#5396cb hex color

#5396cb Color Information

#5396cb Color Conversion

Color Schemes with #5396cb

Alternatives to #5396cb

#5396cb Preview

Shades and Tints of #5396cb

Tones of #5396cb

Color Blindness Simulator