#386e95 hex color

In a RGB color space, hex #386e95 is composed of 22% red, 43.1% green and 58.4% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 26.2% magenta, 0% yellow and 41.6% black. It has a hue angle of 205.2 degrees, a saturation of 45.4% and a lightness of 40.2%. #386e95 color hex could be obtained by blending #70dcff with #00002b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 43
- B 58
RGB color chart
- C 62
- M 26
- Y 0
- K 42
CMYK color chart

● #386e95 color description : Dark moderate blue.

The hexadecimal color #386e95 has RGB values of R:56, G:110, B:149 and CMYK values of C:0.62, M:0.26, Y:0, K:0.42. Its decimal value is 3698325.

Hex triplet	386e95	`#386e95`
RGB Decimal	56, 110, 149	`rgb(56,110,149)`
RGB Percent	22, 43.1, 58.4	`rgb(22%,43.1%,58.4%)`
CMYK	62, 26, 0, 42
HSL	205.2°, 45.4, 40.2	`hsl(205.2,45.4%,40.2%)`
HSV (or HSB)	205.2°, 62.4, 58.4
Web Safe	336699	`#336699`

CIE-LAB	44.464, -5.47, -26.613
XYZ	12.63, 14.162, 30.5
xyY	0.22, 0.247, 14.162
CIE-LCH	44.464, 27.169, 258.384
CIE-LUV	44.464, -22.106, -37.98
Hunter-Lab	37.632, -5.947, -21.711
Binary	00111000, 01101110, 10010101

#386e95
```
#386e95 rgb(56,110,149)
```
#955f38
```
#955f38 rgb(149,95,56)
```

Complementary Color

#38958e
```
#38958e rgb(56,149,142)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#384095
```
#384095 rgb(56,64,149)
```

Analogous Color

#958e38
```
#958e38 rgb(149,142,56)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#953840
```
#953840 rgb(149,56,64)
```

Split Complementary Color

#6e9538
```
#6e9538 rgb(110,149,56)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#95386e
```
#95386e rgb(149,56,110)
```

Triadic Color

#38955f
```
#38955f rgb(56,149,95)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#95386e
```
#95386e rgb(149,56,110)
```
#955f38
```
#955f38 rgb(149,95,56)
```

Tetradic Color

#23455d
```
#23455d rgb(35,69,93)
```
#2a5370
```
#2a5370 rgb(42,83,112)
```
#316082
```
#316082 rgb(49,96,130)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#3f7ca8
```
#3f7ca8 rgb(63,124,168)
```
#4689ba
```
#4689ba rgb(70,137,186)
```
#5995c1
```
#5995c1 rgb(89,149,193)
```

Monochromatic Color

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

#388595
```
#388595 rgb(56,133,149)
```
#387e95
```
#387e95 rgb(56,126,149)
```
#387695
```
#387695 rgb(56,118,149)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#386695
```
#386695 rgb(56,102,149)
```
#385f95
```
#385f95 rgb(56,95,149)
```
#385795
```
#385795 rgb(56,87,149)
```

Similar Colors

Text with hexadecimal color #386e95

This text has a font color of #386e95.

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

#386e95 background color

This paragraph has a background color of #386e95.

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

#386e95 border color

This element has a border color of #386e95.

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

CSS codes

.text {color:#386e95;}

.background {background-color:#386e95;}

.border {border:1px solid #386e95;}

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

#020506
```
#020506 rgb(2,5,6)
```
#080f15
```
#080f15 rgb(8,15,21)
```
#0d1a23
```
#0d1a23 rgb(13,26,35)
```
#122431
```
#122431 rgb(18,36,49)
```
#182f3f
```
#182f3f rgb(24,47,63)
```
#1d394e
```
#1d394e rgb(29,57,78)
```
#23445c
```
#23445c rgb(35,68,92)
```
#284e6a
```
#284e6a rgb(40,78,106)
```
#2d5978
```
#2d5978 rgb(45,89,120)
```
#336387
```
#336387 rgb(51,99,135)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#3d79a3
```
#3d79a3 rgb(61,121,163)
```
#4383b2
```
#4383b2 rgb(67,131,178)
```

Shade Color Variation

#4c8dbc
```
#4c8dbc rgb(76,141,188)
```
#5a96c1
```
#5a96c1 rgb(90,150,193)
```
#699fc6
```
#699fc6 rgb(105,159,198)
```
#77a8cc
```
#77a8cc rgb(119,168,204)
```
#85b1d1
```
#85b1d1 rgb(133,177,209)
```
#93bad7
```
#93bad7 rgb(147,186,215)
```
#a2c3dc
```
#a2c3dc rgb(162,195,220)
```
#b0cde1
```
#b0cde1 rgb(176,205,225)
```
#bed6e7
```
#bed6e7 rgb(190,214,231)
```
#ccdfec
```
#ccdfec rgb(204,223,236)
```
#dbe8f1
```
#dbe8f1 rgb(219,232,241)
```
#e9f1f7
```
#e9f1f7 rgb(233,241,247)
```
#f7fafc
```
#f7fafc rgb(247,250,252)
```

Tint Color Variation

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

#5f686e
```
#5f686e rgb(95,104,110)
```
#586975
```
#586975 rgb(88,105,117)
```
#506a7d
```
#506a7d rgb(80,106,125)
```
#486b85
```
#486b85 rgb(72,107,133)
```
#406d8d
```
#406d8d rgb(64,109,141)
```
#386e95
```
#386e95 rgb(56,110,149)
```
#306f9d
```
#306f9d rgb(48,111,157)
```
#2871a5
```
#2871a5 rgb(40,113,165)
```
#2072ad
```
#2072ad rgb(32,114,173)
```
#1873b5
```
#1873b5 rgb(24,115,181)
```
#1174bc
```
#1174bc rgb(17,116,188)
```
#0976c4
```
#0976c4 rgb(9,118,196)
```
#0177cc
```
#0177cc rgb(1,119,204)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#5a646c Atypical Achromatopsia 0.001% of the population

Dichromacy

#646f96 Protanopia 1% of men
#5e709c Deuteranopia 1% of men
#347a83 Tritanopia 0.001% of the population

Trichromacy

#546f95 Protanomaly 1% of men, 0.01% of women
#506f99 Deuteranomaly 6% of men, 0.4% of women
#357589 Tritanomaly 0.01% of the population

#386e95 hex color

#386e95 Color Information

#386e95 Color Conversion

Color Schemes with #386e95

Alternatives to #386e95

#386e95 Preview

Shades and Tints of #386e95

Tones of #386e95

Color Blindness Simulator