colorhexa.com

#386692 hex color

In a RGB color space, hex #386692 is composed of 22% red, 40% green and 57.3% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 30.1% magenta, 0% yellow and 42.7% black. It has a hue angle of 209.3 degrees, a saturation of 44.6% and a lightness of 39.6%. #386692 color hex could be obtained by blending #70ccff with #000025. Closest websafe color is: #336699.

- R 22
- G 40
- B 57
RGB color chart
- C 62
- M 30
- Y 0
- K 43
CMYK color chart

● #386692 color description : Dark moderate blue.

The hexadecimal color #386692 has RGB values of R:56, G:102, B:146 and CMYK values of C:0.62, M:0.3, Y:0, K:0.43. Its decimal value is 3696274.

Hex triplet	386692	`#386692`
RGB Decimal	56, 102, 146	`rgb(56,102,146)`
RGB Percent	22, 40, 57.3	`rgb(22%,40%,57.3%)`
CMYK	62, 30, 0, 43
HSL	209.3°, 44.6, 39.6	`hsl(209.3,44.6%,39.6%)`
HSV (or HSB)	209.3°, 61.6, 57.3
Web Safe	336699	`#336699`

CIE-LAB	41.873, -1.657, -28.869
XYZ	11.569, 12.418, 28.98
xyY	0.218, 0.234, 12.418
CIE-LCH	41.873, 28.916, 266.715
CIE-LUV	41.873, -19.236, -41.307
Hunter-Lab	35.239, -3.066, -24.091
Binary	00111000, 01100110, 10010010

#386692
```
#386692 rgb(56,102,146)
```
#926438
```
#926438 rgb(146,100,56)
```

Complementary Color

#389291
```
#389291 rgb(56,146,145)
```
#386692
```
#386692 rgb(56,102,146)
```
#383992
```
#383992 rgb(56,57,146)
```

Analogous Color

#929138
```
#929138 rgb(146,145,56)
```
#386692
```
#386692 rgb(56,102,146)
```
#923839
```
#923839 rgb(146,56,57)
```

Split Complementary Color

#669238
```
#669238 rgb(102,146,56)
```
#386692
```
#386692 rgb(56,102,146)
```
#923866
```
#923866 rgb(146,56,102)
```

Triadic Color

#389264
```
#389264 rgb(56,146,100)
```
#386692
```
#386692 rgb(56,102,146)
```
#923866
```
#923866 rgb(146,56,102)
```
#926438
```
#926438 rgb(146,100,56)
```

Tetradic Color

#233f5b
```
#233f5b rgb(35,63,91)
```
#2a4c6d
```
#2a4c6d rgb(42,76,109)
```
#315980
```
#315980 rgb(49,89,128)
```
#386692
```
#386692 rgb(56,102,146)
```
#3f73a4
```
#3f73a4 rgb(63,115,164)
```
#4680b7
```
#4680b7 rgb(70,128,183)
```
#588cbf
```
#588cbf rgb(88,140,191)
```

Monochromatic Color

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

#387d92
```
#387d92 rgb(56,125,146)
```
#387592
```
#387592 rgb(56,117,146)
```
#386e92
```
#386e92 rgb(56,110,146)
```
#386692
```
#386692 rgb(56,102,146)
```
#385e92
```
#385e92 rgb(56,94,146)
```
#385792
```
#385792 rgb(56,87,146)
```
#385092
```
#385092 rgb(56,80,146)
```

Similar Colors

Text with hexadecimal color #386692

This text has a font color of #386692.

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

#386692 background color

This paragraph has a background color of #386692.

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

#386692 border color

This element has a border color of #386692.

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

CSS codes

.text {color:#386692;}

.background {background-color:#386692;}

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

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

#020304
```
#020304 rgb(2,3,4)
```
#070d12
```
#070d12 rgb(7,13,18)
```
#0c1721
```
#0c1721 rgb(12,23,33)
```
#12212f
```
#12212f rgb(18,33,47)
```
#172b3d
```
#172b3d rgb(23,43,61)
```
#1d344b
```
#1d344b rgb(29,52,75)
```
#223e59
```
#223e59 rgb(34,62,89)
```
#284867
```
#284867 rgb(40,72,103)
```
#2d5276
```
#2d5276 rgb(45,82,118)
```
#335c84
```
#335c84 rgb(51,92,132)
```
#386692
```
#386692 rgb(56,102,146)
```
#3d70a0
```
#3d70a0 rgb(61,112,160)
```
#437aae
```
#437aae rgb(67,122,174)
```

Shade Color Variation

#4b84ba
```
#4b84ba rgb(75,132,186)
```
#598dbf
```
#598dbf rgb(89,141,191)
```
#6797c5
```
#6797c5 rgb(103,151,197)
```
#75a1ca
```
#75a1ca rgb(117,161,202)
```
#84aad0
```
#84aad0 rgb(132,170,208)
```
#92b4d5
```
#92b4d5 rgb(146,180,213)
```
#a0bedb
```
#a0bedb rgb(160,190,219)
```
#aec8e0
```
#aec8e0 rgb(174,200,224)
```
#bcd1e5
```
#bcd1e5 rgb(188,209,229)
```
#cbdbeb
```
#cbdbeb rgb(203,219,235)
```
#d9e5f0
```
#d9e5f0 rgb(217,229,240)
```
#e7eef6
```
#e7eef6 rgb(231,238,246)
```
#f5f8fb
```
#f5f8fb rgb(245,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5f656b is the less saturated color, while #0267c8 is the most saturated one.

#5f656b
```
#5f656b rgb(95,101,107)
```
#576573
```
#576573 rgb(87,101,115)
```
#4f657b
```
#4f657b rgb(79,101,123)
```
#486682
```
#486682 rgb(72,102,130)
```
#40668a
```
#40668a rgb(64,102,138)
```
#386692
```
#386692 rgb(56,102,146)
```
#30669a
```
#30669a rgb(48,102,154)
```
#2866a2
```
#2866a2 rgb(40,102,162)
```
#2167a9
```
#2167a9 rgb(33,103,169)
```
#1967b1
```
#1967b1 rgb(25,103,177)
```
#1167b9
```
#1167b9 rgb(17,103,185)
```
#0967c1
```
#0967c1 rgb(9,103,193)
```
#0267c8
```
#0267c8 rgb(2,103,200)
```

Tone Color Variation

Below, you can see how #386692 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
#565f68 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5c6994 Protanopia 1% of men
#546a99 Deuteranopia 1% of men
#32737c Tritanopia 0.001% of the population

Trichromacy

#4f6893 Protanomaly 1% of men, 0.01% of women
#4a6896 Deuteranomaly 6% of men, 0.4% of women
#346e84 Tritanomaly 0.01% of the population