#386276 hex color

In a RGB color space, hex #386276 is composed of 22% red, 38.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 16.9% magenta, 0% yellow and 53.7% black. It has a hue angle of 199.4 degrees, a saturation of 35.6% and a lightness of 34.1%. #386276 color hex could be obtained by blending #70c4ec with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 22
- G 38
- B 46
RGB color chart
- C 53
- M 17
- Y 0
- K 54
CMYK color chart

● #386276 color description : Dark moderate blue.

The hexadecimal color #386276 has RGB values of R:56, G:98, B:118 and CMYK values of C:0.53, M:0.17, Y:0, K:0.54. Its decimal value is 3695222.

Hex triplet	386276	`#386276`
RGB Decimal	56, 98, 118	`rgb(56,98,118)`
RGB Percent	22, 38.4, 46.3	`rgb(22%,38.4%,46.3%)`
CMYK	53, 17, 0, 54
HSL	199.4°, 35.6, 34.1	`hsl(199.4,35.6%,34.1%)`
HSV (or HSB)	199.4°, 52.5, 46.3
Web Safe	336666	`#336666`

CIE-LAB	39.384, -8.588, -15.782
XYZ	9.268, 10.884, 18.751
xyY	0.238, 0.28, 10.884
CIE-LCH	39.384, 17.968, 241.447
CIE-LUV	39.384, -18.328, -20.569
Hunter-Lab	32.99, -7.588, -10.606
Binary	00111000, 01100010, 01110110

#386276
```
#386276 rgb(56,98,118)
```
#764c38
```
#764c38 rgb(118,76,56)
```

Complementary Color

#38766b
```
#38766b rgb(56,118,107)
```
#386276
```
#386276 rgb(56,98,118)
```
#384376
```
#384376 rgb(56,67,118)
```

Analogous Color

#766b38
```
#766b38 rgb(118,107,56)
```
#386276
```
#386276 rgb(56,98,118)
```
#763843
```
#763843 rgb(118,56,67)
```

Split Complementary Color

#627638
```
#627638 rgb(98,118,56)
```
#386276
```
#386276 rgb(56,98,118)
```
#763862
```
#763862 rgb(118,56,98)
```

Triadic Color

#38764c
```
#38764c rgb(56,118,76)
```
#386276
```
#386276 rgb(56,98,118)
```
#763862
```
#763862 rgb(118,56,98)
```
#764c38
```
#764c38 rgb(118,76,56)
```

Tetradic Color

#1f3742
```
#1f3742 rgb(31,55,66)
```
#284553
```
#284553 rgb(40,69,83)
```
#305465
```
#305465 rgb(48,84,101)
```
#386276
```
#386276 rgb(56,98,118)
```
#407087
```
#407087 rgb(64,112,135)
```
#487f99
```
#487f99 rgb(72,127,153)
```
#518daa
```
#518daa rgb(81,141,170)
```

Monochromatic Color

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

#387276
```
#387276 rgb(56,114,118)
```
#386c76
```
#386c76 rgb(56,108,118)
```
#386776
```
#386776 rgb(56,103,118)
```
#386276
```
#386276 rgb(56,98,118)
```
#385d76
```
#385d76 rgb(56,93,118)
```
#385876
```
#385876 rgb(56,88,118)
```
#385376
```
#385376 rgb(56,83,118)
```

Similar Colors

Text with hexadecimal color #386276

This text has a font color of #386276.

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

#386276 background color

This paragraph has a background color of #386276.

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

#386276 border color

This element has a border color of #386276.

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

CSS codes

.text {color:#386276;}

.background {background-color:#386276;}

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

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, #050a0c is the darkest color, while #fdfefe is the lightest one.

#050a0c
```
#050a0c rgb(5,10,12)
```
#0c1519
```
#0c1519 rgb(12,21,25)
```
#122026
```
#122026 rgb(18,32,38)
```
#182b33
```
#182b33 rgb(24,43,51)
```
#1f3641
```
#1f3641 rgb(31,54,65)
```
#25414e
```
#25414e rgb(37,65,78)
```
#2b4c5b
```
#2b4c5b rgb(43,76,91)
```
#325769
```
#325769 rgb(50,87,105)
```
#386276
```
#386276 rgb(56,98,118)
```
#3e6d83
```
#3e6d83 rgb(62,109,131)
```
#457891
```
#457891 rgb(69,120,145)
```
#4b839e
```
#4b839e rgb(75,131,158)
```
#518eab
```
#518eab rgb(81,142,171)
```

Shade Color Variation

#5e97b2
```
#5e97b2 rgb(94,151,178)
```
#6ba0b9
```
#6ba0b9 rgb(107,160,185)
```
#78a8bf
```
#78a8bf rgb(120,168,191)
```
#86b1c5
```
#86b1c5 rgb(134,177,197)
```
#93b9cc
```
#93b9cc rgb(147,185,204)
```
#a0c2d2
```
#a0c2d2 rgb(160,194,210)
```
#adcad8
```
#adcad8 rgb(173,202,216)
```
#bbd3df
```
#bbd3df rgb(187,211,223)
```
#c8dce5
```
#c8dce5 rgb(200,220,229)
```
#d5e4eb
```
#d5e4eb rgb(213,228,235)
```
#e3edf2
```
#e3edf2 rgb(227,237,242)
```
#f0f5f8
```
#f0f5f8 rgb(240,245,248)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #53595b is the less saturated color, while #0275ac is the most saturated one.

#53595b
```
#53595b rgb(83,89,91)
```
#4c5b62
```
#4c5b62 rgb(76,91,98)
```
#455d69
```
#455d69 rgb(69,93,105)
```
#3f606f
```
#3f606f rgb(63,96,111)
```
#386276
```
#386276 rgb(56,98,118)
```
#31647d
```
#31647d rgb(49,100,125)
```
#2b6783
```
#2b6783 rgb(43,103,131)
```
#24698a
```
#24698a rgb(36,105,138)
```
#1d6b91
```
#1d6b91 rgb(29,107,145)
```
#176e97
```
#176e97 rgb(23,110,151)
```
#10709e
```
#10709e rgb(16,112,158)
```
#0973a5
```
#0973a5 rgb(9,115,165)
```
#0275ac
```
#0275ac rgb(2,117,172)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#525a5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#606479 Protanopia 1% of men
#5f637f Deuteranopia 1% of men
#3e6b73 Tritanopia 0.001% of the population

Trichromacy

#516378 Protanomaly 1% of men, 0.01% of women
#51637c Deuteranomaly 6% of men, 0.4% of women
#3c6874 Tritanomaly 0.01% of the population

#386276 hex color

#386276 Color Information

#386276 Color Conversion

Color Schemes with #386276

Alternatives to #386276

#386276 Preview

Shades and Tints of #386276

Tones of #386276

Color Blindness Simulator