colorhexa.com

#386484 hex color

In a RGB color space, hex #386484 is composed of 22% red, 39.2% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 57.6% cyan, 24.2% magenta, 0% yellow and 48.2% black. It has a hue angle of 205.3 degrees, a saturation of 40.4% and a lightness of 36.9%. #386484 color hex could be obtained by blending #70c8ff with #000009. Closest websafe color is: #336699.

- R 22
- G 39
- B 52
RGB color chart
- C 58
- M 24
- Y 0
- K 48
CMYK color chart

● #386484 color description : Dark moderate blue.

The hexadecimal color #386484 has RGB values of R:56, G:100, B:132 and CMYK values of C:0.58, M:0.24, Y:0, K:0.48. Its decimal value is 3695748.

Hex triplet	386484	`#386484`
RGB Decimal	56, 100, 132	`rgb(56,100,132)`
RGB Percent	22, 39.2, 51.8	`rgb(22%,39.2%,51.8%)`
CMYK	58, 24, 0, 48
HSL	205.3°, 40.4, 36.9	`hsl(205.3,40.4%,36.9%)`
HSV (or HSB)	205.3°, 57.6, 51.8
Web Safe	336699	`#336699`

CIE-LAB	40.606, -5.213, -22.415
XYZ	10.352, 11.62, 23.526
xyY	0.228, 0.255, 11.62
CIE-LCH	40.606, 23.013, 256.908
CIE-LUV	40.606, -18.796, -30.925
Hunter-Lab	34.089, -5.449, -17.056
Binary	00111000, 01100100, 10000100

#386484
```
#386484 rgb(56,100,132)
```
#845838
```
#845838 rgb(132,88,56)
```

Complementary Color

#38847e
```
#38847e rgb(56,132,126)
```
#386484
```
#386484 rgb(56,100,132)
```
#383e84
```
#383e84 rgb(56,62,132)
```

Analogous Color

#847e38
```
#847e38 rgb(132,126,56)
```
#386484
```
#386484 rgb(56,100,132)
```
#84383e
```
#84383e rgb(132,56,62)
```

Split Complementary Color

#648438
```
#648438 rgb(100,132,56)
```
#386484
```
#386484 rgb(56,100,132)
```
#843864
```
#843864 rgb(132,56,100)
```

Triadic Color

#388458
```
#388458 rgb(56,132,88)
```
#386484
```
#386484 rgb(56,100,132)
```
#843864
```
#843864 rgb(132,56,100)
```
#845838
```
#845838 rgb(132,88,56)
```

Tetradic Color

#213b4e
```
#213b4e rgb(33,59,78)
```
#294960
```
#294960 rgb(41,73,96)
```
#305672
```
#305672 rgb(48,86,114)
```
#386484
```
#386484 rgb(56,100,132)
```
#407296
```
#407296 rgb(64,114,150)
```
#477fa8
```
#477fa8 rgb(71,127,168)
```
#538cb6
```
#538cb6 rgb(83,140,182)
```

Monochromatic Color

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

#387784
```
#387784 rgb(56,119,132)
```
#387184
```
#387184 rgb(56,113,132)
```
#386a84
```
#386a84 rgb(56,106,132)
```
#386484
```
#386484 rgb(56,100,132)
```
#385e84
```
#385e84 rgb(56,94,132)
```
#385784
```
#385784 rgb(56,87,132)
```
#385184
```
#385184 rgb(56,81,132)
```

Similar Colors

Text with hexadecimal color #386484

This text has a font color of #386484.

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

#386484 background color

This paragraph has a background color of #386484.

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

#386484 border color

This element has a border color of #386484.

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

CSS codes

.text {color:#386484;}

.background {background-color:#386484;}

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

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

#030608
```
#030608 rgb(3,6,8)
```
#091116
```
#091116 rgb(9,17,22)
```
#0f1b24
```
#0f1b24 rgb(15,27,36)
```
#152531
```
#152531 rgb(21,37,49)
```
#1b303f
```
#1b303f rgb(27,48,63)
```
#213a4d
```
#213a4d rgb(33,58,77)
```
#26455b
```
#26455b rgb(38,69,91)
```
#2c4f68
```
#2c4f68 rgb(44,79,104)
```
#325a76
```
#325a76 rgb(50,90,118)
```
#386484
```
#386484 rgb(56,100,132)
```
#3e6e92
```
#3e6e92 rgb(62,110,146)
```
#4479a0
```
#4479a0 rgb(68,121,160)
```
#4a83ad
```
#4a83ad rgb(74,131,173)
```

Shade Color Variation

#548db6
```
#548db6 rgb(84,141,182)
```
#6296bc
```
#6296bc rgb(98,150,188)
```
#709fc2
```
#709fc2 rgb(112,159,194)
```
#7da9c8
```
#7da9c8 rgb(125,169,200)
```
#8bb2ce
```
#8bb2ce rgb(139,178,206)
```
#99bbd4
```
#99bbd4 rgb(153,187,212)
```
#a7c4da
```
#a7c4da rgb(167,196,218)
```
#b4cddf
```
#b4cddf rgb(180,205,223)
```
#c2d6e5
```
#c2d6e5 rgb(194,214,229)
```
#d0e0eb
```
#d0e0eb rgb(208,224,235)
```
#dee9f1
```
#dee9f1 rgb(222,233,241)
```
#ecf2f7
```
#ecf2f7 rgb(236,242,247)
```
#f9fbfd
```
#f9fbfd rgb(249,251,253)
```

Tint Color Variation

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

#5c5e60
```
#5c5e60 rgb(92,94,96)
```
#555f67
```
#555f67 rgb(85,95,103)
```
#4e616e
```
#4e616e rgb(78,97,110)
```
#466276
```
#466276 rgb(70,98,118)
```
#3f637d
```
#3f637d rgb(63,99,125)
```
#386484
```
#386484 rgb(56,100,132)
```
#31658b
```
#31658b rgb(49,101,139)
```
#2a6692
```
#2a6692 rgb(42,102,146)
```
#22679a
```
#22679a rgb(34,103,154)
```
#1b69a1
```
#1b69a1 rgb(27,105,161)
```
#146aa8
```
#146aa8 rgb(20,106,168)
```
#0d6baf
```
#0d6baf rgb(13,107,175)
```
#056cb7
```
#056cb7 rgb(5,108,183)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#535c62 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e6686 Protanopia 1% of men
#5a668c Deuteranopia 1% of men
#396f77 Tritanopia 0.001% of the population

Trichromacy

#506585 Protanomaly 1% of men, 0.01% of women
#4e6589 Deuteranomaly 6% of men, 0.4% of women
#386b7c Tritanomaly 0.01% of the population