#8396dc hex color

In a RGB color space, hex #8396dc is composed of 51.4% red, 58.8% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 40.5% cyan, 31.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 227.2 degrees, a saturation of 56% and a lightness of 68.8%. #8396dc color hex could be obtained by blending #ffffff with #072db9. Closest websafe color is: #9999cc.

♥
- f
- t
- g
- R 51
- G 59
- B 86
RGB color chart
- C 40
- M 32
- Y 0
- K 14
CMYK color chart

● #8396dc color description : Very soft blue.

The hexadecimal color #8396dc has RGB values of R:131, G:150, B:220 and CMYK values of C:0.4, M:0.32, Y:0, K:0.14. Its decimal value is 8623836.

Hex triplet	8396dc	`#8396dc`
RGB Decimal	131, 150, 220	`rgb(131,150,220)`
RGB Percent	51.4, 58.8, 86.3	`rgb(51.4%,58.8%,86.3%)`
CMYK	40, 32, 0, 14
HSL	227.2°, 56, 68.8	`hsl(227.2,56%,68.8%)`
HSV (or HSB)	227.2°, 40.5, 86.3
Web Safe	9999cc	`#9999cc`

CIE-LAB	63.181, 10.77, -37.802
XYZ	33.182, 31.804, 72.097
xyY	0.242, 0.232, 31.804
CIE-LCH	63.181, 39.306, 285.903
CIE-LUV	63.181, -12.446, -61.075
Hunter-Lab	56.395, 6.335, -36.321
Binary	10000011, 10010110, 11011100

#8396dc
```
#8396dc rgb(131,150,220)
```
#dcc983
```
#dcc983 rgb(220,201,131)
```

Complementary Color

#83c3dc
```
#83c3dc rgb(131,195,220)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#9d83dc
```
#9d83dc rgb(157,131,220)
```

Analogous Color

#c3dc83
```
#c3dc83 rgb(195,220,131)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#dc9d83
```
#dc9d83 rgb(220,157,131)
```

Split Complementary Color

#96dc83
```
#96dc83 rgb(150,220,131)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#dc8396
```
#dc8396 rgb(220,131,150)
```

Triadic Color

#83dcc9
```
#83dcc9 rgb(131,220,201)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#dc8396
```
#dc8396 rgb(220,131,150)
```
#dcc983
```
#dcc983 rgb(220,201,131)
```

Tetradic Color

#4763cb
```
#4763cb rgb(71,99,203)
```
#5b74d1
```
#5b74d1 rgb(91,116,209)
```
#6f85d6
```
#6f85d6 rgb(111,133,214)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#97a7e2
```
#97a7e2 rgb(151,167,226)
```
#abb8e7
```
#abb8e7 rgb(171,184,231)
```
#bfc9ed
```
#bfc9ed rgb(191,201,237)
```

Monochromatic Color

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

#83acdc
```
#83acdc rgb(131,172,220)
```
#83a5dc
```
#83a5dc rgb(131,165,220)
```
#839ddc
```
#839ddc rgb(131,157,220)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#838fdc
```
#838fdc rgb(131,143,220)
```
#8387dc
```
#8387dc rgb(131,135,220)
```
#8683dc
```
#8683dc rgb(134,131,220)
```

Similar Colors

Text with hexadecimal color #8396dc

This text has a font color of #8396dc.

<span style="color:#8396dc;">Text here</span>

#8396dc background color

This paragraph has a background color of #8396dc.

<p style="background-color:#8396dc;">Content here</p>

#8396dc border color

This element has a border color of #8396dc.

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

CSS codes

.text {color:#8396dc;}

.background {background-color:#8396dc;}

.border {border:1px solid #8396dc;}

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, #04060e is the darkest color, while #fdfeff is the lightest one.

#04060e
```
#04060e rgb(4,6,14)
```
#080d1d
```
#080d1d rgb(8,13,29)
```
#0c132c
```
#0c132c rgb(12,19,44)
```
#111a3c
```
#111a3c rgb(17,26,60)
```
#15214b
```
#15214b rgb(21,33,75)
```
#19275a
```
#19275a rgb(25,39,90)
```
#1e2e69
```
#1e2e69 rgb(30,46,105)
```
#223579
```
#223579 rgb(34,53,121)
```
#263b88
```
#263b88 rgb(38,59,136)
```
#2b4297
```
#2b4297 rgb(43,66,151)
```
#2f49a7
```
#2f49a7 rgb(47,73,167)
```
#334fb6
```
#334fb6 rgb(51,79,182)
```
#3856c5
```
#3856c5 rgb(56,86,197)
```

Shade Color Variation

#4662cb
```
#4662cb rgb(70,98,203)
```
#556fcf
```
#556fcf rgb(85,111,207)
```
#647cd3
```
#647cd3 rgb(100,124,211)
```
#7489d8
```
#7489d8 rgb(116,137,216)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#92a3e0
```
#92a3e0 rgb(146,163,224)
```
#a2b0e5
```
#a2b0e5 rgb(162,176,229)
```
#b1bde9
```
#b1bde9 rgb(177,189,233)
```
#c0caed
```
#c0caed rgb(192,202,237)
```
#cfd7f2
```
#cfd7f2 rgb(207,215,242)
```
#dfe4f6
```
#dfe4f6 rgb(223,228,246)
```
#eef1fa
```
#eef1fa rgb(238,241,250)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#aeafb1
```
#aeafb1 rgb(174,175,177)
```
#a8abb7
```
#a8abb7 rgb(168,171,183)
```
#a2a8bd
```
#a2a8bd rgb(162,168,189)
```
#9ba4c4
```
#9ba4c4 rgb(155,164,196)
```
#95a1ca
```
#95a1ca rgb(149,161,202)
```
#8f9dd0
```
#8f9dd0 rgb(143,157,208)
```
#899ad6
```
#899ad6 rgb(137,154,214)
```
#8396dc
```
#8396dc rgb(131,150,220)
```
#7d92e2
```
#7d92e2 rgb(125,146,226)
```
#778fe8
```
#778fe8 rgb(119,143,232)
```
#718bee
```
#718bee rgb(113,139,238)
```
#6b88f4
```
#6b88f4 rgb(107,136,244)
```
#6484fb
```
#6484fb rgb(100,132,251)
```

Tone Color Variation

Below, you can see how #8396dc 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

#989898 Achromatopsia 0.005% of the population
#9498a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#879cde Protanopia 1% of men
#839ddd Deuteranopia 1% of men
#7ba4b0 Tritanopia 0.001% of the population

Trichromacy

#8599dd Protanomaly 1% of men, 0.01% of women
#839adc Deuteranomaly 6% of men, 0.4% of women
#7d9fc0 Tritanomaly 0.01% of the population

#8396dc hex color

#8396dc Color Information

#8396dc Color Conversion

Color Schemes with #8396dc

Alternatives to #8396dc

#8396dc Preview

Shades and Tints of #8396dc

Tones of #8396dc

Color Blindness Simulator