#386498 hex color

In a RGB color space, hex #386498 is composed of 22% red, 39.2% green and 59.6% blue. Whereas in a CMYK color space, it is composed of 63.2% cyan, 34.2% magenta, 0% yellow and 40.4% black. It has a hue angle of 212.5 degrees, a saturation of 46.2% and a lightness of 40.8%. #386498 color hex could be obtained by blending #70c8ff with #000031. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 39
- B 60
RGB color chart
- C 63
- M 34
- Y 0
- K 40
CMYK color chart

● #386498 color description : Dark moderate blue.

The hexadecimal color #386498 has RGB values of R:56, G:100, B:152 and CMYK values of C:0.63, M:0.34, Y:0, K:0.4. Its decimal value is 3695768.

Hex triplet	386498	`#386498`
RGB Decimal	56, 100, 152	`rgb(56,100,152)`
RGB Percent	22, 39.2, 59.6	`rgb(22%,39.2%,59.6%)`
CMYK	63, 34, 0, 40
HSL	212.5°, 46.2, 40.8	`hsl(212.5,46.2%,40.8%)`
HSV (or HSB)	212.5°, 63.2, 59.6
Web Safe	336699	`#336699`

CIE-LAB	41.566, 1.685, -32.938
XYZ	11.854, 12.221, 31.438
xyY	0.214, 0.22, 12.221
CIE-LCH	41.566, 32.981, 272.928
CIE-LUV	41.566, -18.396, -47.759
Hunter-Lab	34.959, -0.651, -28.848
Binary	00111000, 01100100, 10011000

#386498
```
#386498 rgb(56,100,152)
```
#986c38
```
#986c38 rgb(152,108,56)
```

Complementary Color

#389498
```
#389498 rgb(56,148,152)
```
#386498
```
#386498 rgb(56,100,152)
```
#3c3898
```
#3c3898 rgb(60,56,152)
```

Analogous Color

#949838
```
#949838 rgb(148,152,56)
```
#386498
```
#386498 rgb(56,100,152)
```
#983c38
```
#983c38 rgb(152,60,56)
```

Split Complementary Color

#649838
```
#649838 rgb(100,152,56)
```
#386498
```
#386498 rgb(56,100,152)
```
#983864
```
#983864 rgb(152,56,100)
```

Triadic Color

#38986c
```
#38986c rgb(56,152,108)
```
#386498
```
#386498 rgb(56,100,152)
```
#983864
```
#983864 rgb(152,56,100)
```
#986c38
```
#986c38 rgb(152,108,56)
```

Tetradic Color

#233f60
```
#233f60 rgb(35,63,96)
```
#2a4b73
```
#2a4b73 rgb(42,75,115)
```
#315885
```
#315885 rgb(49,88,133)
```
#386498
```
#386498 rgb(56,100,152)
```
#3f70ab
```
#3f70ab rgb(63,112,171)
```
#487dbb
```
#487dbb rgb(72,125,187)
```
#5a8ac2
```
#5a8ac2 rgb(90,138,194)
```

Monochromatic Color

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

#387c98
```
#387c98 rgb(56,124,152)
```
#387498
```
#387498 rgb(56,116,152)
```
#386c98
```
#386c98 rgb(56,108,152)
```
#386498
```
#386498 rgb(56,100,152)
```
#385c98
```
#385c98 rgb(56,92,152)
```
#385498
```
#385498 rgb(56,84,152)
```
#384c98
```
#384c98 rgb(56,76,152)
```

Similar Colors

Text with hexadecimal color #386498

This text has a font color of #386498.

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

#386498 background color

This paragraph has a background color of #386498.

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

#386498 border color

This element has a border color of #386498.

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

CSS codes

.text {color:#386498;}

.background {background-color:#386498;}

.border {border:1px solid #386498;}

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)
```
#080f17
```
#080f17 rgb(8,15,23)
```
#0e1925
```
#0e1925 rgb(14,25,37)
```
#132234
```
#132234 rgb(19,34,52)
```
#182b42
```
#182b42 rgb(24,43,66)
```
#1e3550
```
#1e3550 rgb(30,53,80)
```
#233e5f
```
#233e5f rgb(35,62,95)
```
#28486d
```
#28486d rgb(40,72,109)
```
#2d517b
```
#2d517b rgb(45,81,123)
```
#335b8a
```
#335b8a rgb(51,91,138)
```
#386498
```
#386498 rgb(56,100,152)
```
#3d6da6
```
#3d6da6 rgb(61,109,166)
```
#4377b5
```
#4377b5 rgb(67,119,181)
```

Shade Color Variation

#4d81be
```
#4d81be rgb(77,129,190)
```
#5c8bc3
```
#5c8bc3 rgb(92,139,195)
```
#6a95c8
```
#6a95c8 rgb(106,149,200)
```
#789fcd
```
#789fcd rgb(120,159,205)
```
#87a9d3
```
#87a9d3 rgb(135,169,211)
```
#95b4d8
```
#95b4d8 rgb(149,180,216)
```
#a3bedd
```
#a3bedd rgb(163,190,221)
```
#b2c8e3
```
#b2c8e3 rgb(178,200,227)
```
#c0d2e8
```
#c0d2e8 rgb(192,210,232)
```
#cedced
```
#cedced rgb(206,220,237)
```
#dde7f2
```
#dde7f2 rgb(221,231,242)
```
#ebf1f8
```
#ebf1f8 rgb(235,241,248)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#606770
```
#606770 rgb(96,103,112)
```
#586778
```
#586778 rgb(88,103,120)
```
#506680
```
#506680 rgb(80,102,128)
```
#486588
```
#486588 rgb(72,101,136)
```
#406590
```
#406590 rgb(64,101,144)
```
#386498
```
#386498 rgb(56,100,152)
```
#3063a0
```
#3063a0 rgb(48,99,160)
```
#2863a8
```
#2863a8 rgb(40,99,168)
```
#2062b0
```
#2062b0 rgb(32,98,176)
```
#1861b8
```
#1861b8 rgb(24,97,184)
```
#1061c0
```
#1061c0 rgb(16,97,192)
```
#0860c8
```
#0860c8 rgb(8,96,200)
```
#005fd0
```
#005fd0 rgb(0,95,208)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#565e69 Atypical Achromatopsia 0.001% of the population

Dichromacy

#57689a Protanopia 1% of men
#4c6a9e Deuteranopia 1% of men
#2c737b Tritanopia 0.001% of the population

Trichromacy

#4b6699 Protanomaly 1% of men, 0.01% of women
#45679b Deuteranomaly 6% of men, 0.4% of women
#306d85 Tritanomaly 0.01% of the population

#386498 hex color

#386498 Color Information

#386498 Color Conversion

Color Schemes with #386498

Alternatives to #386498

#386498 Preview

Shades and Tints of #386498

Tones of #386498

Color Blindness Simulator