#386aaf hex color

In a RGB color space, hex #386aaf is composed of 22% red, 41.6% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 68% cyan, 39.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 214.8 degrees, a saturation of 51.5% and a lightness of 45.3%. #386aaf color hex could be obtained by blending #70d4ff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 22
- G 42
- B 69
RGB color chart
- C 68
- M 39
- Y 0
- K 31
CMYK color chart

● #386aaf color description : Dark moderate blue.

The hexadecimal color #386aaf has RGB values of R:56, G:106, B:175 and CMYK values of C:0.68, M:0.39, Y:0, K:0.31. Its decimal value is 3697327.

Hex triplet	386aaf	`#386aaf`
RGB Decimal	56, 106, 175	`rgb(56,106,175)`
RGB Percent	22, 41.6, 68.6	`rgb(22%,41.6%,68.6%)`
CMYK	68, 39, 0, 31
HSL	214.8°, 51.5, 45.3	`hsl(214.8,51.5%,45.3%)`
HSV (or HSB)	214.8°, 68, 68.6
Web Safe	336699	`#336699`

CIE-LAB	44.579, 6.176, -41.761
XYZ	14.521, 14.243, 42.539
xyY	0.204, 0.2, 14.243
CIE-LCH	44.579, 42.215, 278.413
CIE-LUV	44.579, -20.042, -62.613
Hunter-Lab	37.74, 2.636, -40.412
Binary	00111000, 01101010, 10101111

#386aaf
```
#386aaf rgb(56,106,175)
```
#af7d38
```
#af7d38 rgb(175,125,56)
```

Complementary Color

#38a6af
```
#38a6af rgb(56,166,175)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#4238af
```
#4238af rgb(66,56,175)
```

Analogous Color

#a6af38
```
#a6af38 rgb(166,175,56)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#af4238
```
#af4238 rgb(175,66,56)
```

Split Complementary Color

#6aaf38
```
#6aaf38 rgb(106,175,56)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#af386a
```
#af386a rgb(175,56,106)
```

Triadic Color

#38af7d
```
#38af7d rgb(56,175,125)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#af386a
```
#af386a rgb(175,56,106)
```
#af7d38
```
#af7d38 rgb(175,125,56)
```

Tetradic Color

#254775
```
#254775 rgb(37,71,117)
```
#2c5388
```
#2c5388 rgb(44,83,136)
```
#325e9c
```
#325e9c rgb(50,94,156)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#3f76c2
```
#3f76c2 rgb(63,118,194)
```
#5284c8
```
#5284c8 rgb(82,132,200)
```
#6691ce
```
#6691ce rgb(102,145,206)
```

Monochromatic Color

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

#3888af
```
#3888af rgb(56,136,175)
```
#387eaf
```
#387eaf rgb(56,126,175)
```
#3874af
```
#3874af rgb(56,116,175)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#3860af
```
#3860af rgb(56,96,175)
```
#3856af
```
#3856af rgb(56,86,175)
```
#384caf
```
#384caf rgb(56,76,175)
```

Similar Colors

Text with hexadecimal color #386aaf

This text has a font color of #386aaf.

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

#386aaf background color

This paragraph has a background color of #386aaf.

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

#386aaf border color

This element has a border color of #386aaf.

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

CSS codes

.text {color:#386aaf;}

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

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

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, #04070c is the darkest color, while #fcfdfe is the lightest one.

#04070c
```
#04070c rgb(4,7,12)
```
#08101a
```
#08101a rgb(8,16,26)
```
#0d1929
```
#0d1929 rgb(13,25,41)
```
#122238
```
#122238 rgb(18,34,56)
```
#172b47
```
#172b47 rgb(23,43,71)
```
#1b3456
```
#1b3456 rgb(27,52,86)
```
#203d65
```
#203d65 rgb(32,61,101)
```
#254674
```
#254674 rgb(37,70,116)
```
#2a4f82
```
#2a4f82 rgb(42,79,130)
```
#2e5891
```
#2e5891 rgb(46,88,145)
```
#3361a0
```
#3361a0 rgb(51,97,160)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#3d73be
```
#3d73be rgb(61,115,190)
```

Shade Color Variation

#497dc5
```
#497dc5 rgb(73,125,197)
```
#5888ca
```
#5888ca rgb(88,136,202)
```
#6792ce
```
#6792ce rgb(103,146,206)
```
#769dd3
```
#769dd3 rgb(118,157,211)
```
#85a8d8
```
#85a8d8 rgb(133,168,216)
```
#94b2dd
```
#94b2dd rgb(148,178,221)
```
#a3bde1
```
#a3bde1 rgb(163,189,225)
```
#b1c8e6
```
#b1c8e6 rgb(177,200,230)
```
#c0d2eb
```
#c0d2eb rgb(192,210,235)
```
#cfddf0
```
#cfddf0 rgb(207,221,240)
```
#dee7f4
```
#dee7f4 rgb(222,231,244)
```
#edf2f9
```
#edf2f9 rgb(237,242,249)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d737a is the less saturated color, while #0361e4 is the most saturated one.

#6d737a
```
#6d737a rgb(109,115,122)
```
#647183
```
#647183 rgb(100,113,131)
```
#5c708b
```
#5c708b rgb(92,112,139)
```
#536e94
```
#536e94 rgb(83,110,148)
```
#4a6d9d
```
#4a6d9d rgb(74,109,157)
```
#416ba6
```
#416ba6 rgb(65,107,166)
```
#386aaf
```
#386aaf rgb(56,106,175)
```
#2f69b8
```
#2f69b8 rgb(47,105,184)
```
#2667c1
```
#2667c1 rgb(38,103,193)
```
#1d66ca
```
#1d66ca rgb(29,102,202)
```
#1464d3
```
#1464d3 rgb(20,100,211)
```
#0c63db
```
#0c63db rgb(12,99,219)
```
#0361e4
```
#0361e4 rgb(3,97,228)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#5a6472 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546fb1 Protanopia 1% of men
#4171b3 Deuteranopia 1% of men
#0f7c85 Tritanopia 0.001% of the population

Trichromacy

#4a6db0 Protanomaly 1% of men, 0.01% of women
#3d6fb1 Deuteranomaly 6% of men, 0.4% of women
#1e7594 Tritanomaly 0.01% of the population

#386aaf hex color

#386aaf Color Information

#386aaf Color Conversion

Color Schemes with #386aaf

Alternatives to #386aaf

#386aaf Preview

Shades and Tints of #386aaf

Tones of #386aaf

Color Blindness Simulator