#381EA4 color HEX code RGB, HSL, CMYK COLOR CODE FOR HEXA COLOR #381EA4

#381EA4

In a RGB color space, hex #381EA4 is composed of 22% red, 12% green and 64% blue. RGB color code is composed of a hexadecimal 38 red (56/255), a 1E green (30/255) and a A4 blue component (164/255). The decimal RGB color code is rgb(56,30,164) In CMYK color space, it is composed of 66% cyan, 82% magenta, 0% yellow and 36% black. It has a hue angle of 251.64o degrees, a saturation of 69% and a lightness of 38%. Closest websafe color is: #333399 rgb (51, 51, 153).

Color conversion

---

Convert color

---

The hexadecimal color #381EA4 has RGB values of R:56, G:30, B:164 and CMYK values of C:66, M:82, Y:0, K:36. Its decimal value is 3677860.Binary code is 1110000001111010100100
In print we use cyan, yellow, magenta and black (CMYK) inks because usually we print on a white paper.

Hex color 381EA4  #381EA4 RGB decimal 56, 30, 164  rgb(56, 30, 164) RGB % 22, 12, 64  rgb(22%, 12%, 64%) RGB Adobe 53, 35, 160 CMYK % 66, 82, 0, 36  66%, 82%, 0%, 36% HSL 251.64o, 69, 38  hsl(251.64o, 69%, 38%) HSV (HSB) 252o, 82%, 64%  hsv(252o, 82%, 64%)

Web Safe color #333399 rgb (51, 51, 153) XYZ 8.796, 4.45 35.517 xyY 0.18, 0.09, 4.45 Hunter-Lab 21.1, 39.25, -89.52 CMY 78%, 88%, 36% Lab 23.87, 41.91, -68.55 Binary color 38 1E A4 111000 11110 10100100

Shades and tints of #381EA4

---

A shade is achieved by adding black to original color on hue code.
A tint is created by mixing color with white.
Use the palette to pick a color or the sliders to set the RGB, HSV, CMYK components.
For example here: #0C071F is the darkest color, and: #D8D4ED is the lightest one.

Tint color variation #381EA4

#5640B2 rgb (86,64,178) #5640B2 #6F5DBE rgb (111,93,190) #6F5DBE #8575C8 rgb (133,117,200) #8575C8 #978AD0 rgb (151,138,208) #978AD0 #A79CD7 rgb (167,156,215) #A79CD7 #B4ABDD rgb (180,171,221) #B4ABDD #BFB8E2 rgb (191,184,226) #BFB8E2 #C9C3E6 rgb (201,195,230) #C9C3E6 #D1CCEA rgb (209,204,234) #D1CCEA #D8D4ED rgb (216,212,237) #D8D4ED

Shade color variation

#301A8B rgb (48,26,139) #301A8B #291676 rgb (41,22,118) #291676 #231364 rgb (35,19,100) #231364 #1E1055 rgb (30,16,85) #1E1055 #1A0E48 rgb (26,14,72) #1A0E48 #160C3D rgb (22,12,61) #160C3D #130A34 rgb (19,10,52) #130A34 #10092C rgb (16,9,44) #10092C #0E0825 rgb (14,8,37) #0E0825 #0C071F rgb (12,7,31) #0C071F

Tones of #381EA4

A tone is produced by adding gray to any pure hue. In this case, #3F28A0 is the less saturated color, and #675E8D is the most saturated one.

#3F28A0 rgb (63,40,160) #3F28A0 #46319D rgb (70,49,157) #46319D #4C399A rgb (76,57,154) #4C399A #514097 rgb (81,64,151) #514097 #564695 rgb (86,70,149) #564695 #5A4C93 rgb (90,76,147) #5A4C93 #5E5191 rgb (94,81,145) #5E5191 #61568F rgb (97,86,143) #61568F #645A8E rgb (100,90,142) #645A8E #675E8D rgb (103,94,141) #675E8D

Alternatives to #381EA4

---

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

#380AA4 rgb (56,10,164) #380AA4 #241EA4 rgb (36,30,164) #241EA4 #380AA4 rgb (56,10,164) #380AA4 #3832A4 rgb (56,50,164) #3832A4 #3846A4 rgb (56,70,164) #3846A4 #385AA4 rgb (56,90,164) #385AA4

Quick use #381EA4

---

How to use this color on webpages, scripts or other programming languages using html, CSS, dhtml, JAVA, .NET, openGL, Swift, Xojo

Color of the text	Background color example
Color of the text	Background color example
<font color="#381EA4;">Text here</font>	<div style="background-color:#381EA4;">Text here</div>

Color preview on black background	Color preview on white background
color preview on black background	color preview on white background
HTML code <div style="background-color:#000000"> <font color="#381EA4;">Text here</font> </div>	HTML code <div style="background-color:#FFFFFF; border: 1px dotted #999999;"> <font color="#381EA4;">Text here</font> </div>

Div box shadow	Text shadow css code
box shadow for color #381EA4	text shadow css code
HTML code <div style="background-color:#FFFFFF; box-shadow: 2px 2px 7px 1px #381EA4;"></div> CSS code .box-shadow: 2px 2px 7px 1px;	CSS code .text-shadow: 1px 2px 2px #381EA4;

Box border html code	Text shadow with RGB values for color #381EA4
box border html code for color #381EA4	text shadow with RGB values
HTML code <div style="background-color:#FFFFFF; border:1px solid #381EA4;"></div>	CSS code with RGB .text-shadow: 0px 2px 2px rgba(56, 30, 164, 1.4);

Pre-formatted code 381EA4	code for script / programming
HTML, CSS:	= #381EA4; rgb(56, 30, 164)
Java:	= new Color(56, 30, 164)
.NET:	= Color.FromArgb (56, 30, 164);
Xojo:	= rgb (56, 30, 164, 0);
openGL:	= glColor3f (0.22f, 0.12f, 0.64f);
Swift:	= UIColor(red:0.22, green:0.12, blue:0.64, alpha:1.00000);
Objective-C:	= [UIColor colorWithRed:0.22 green:0.12 blue:0.64 alpha:1.00000];

Color schemes with #381EA4

---

Monochromatic color Monochromatic color schemes are easy to create because they use only one color. Monochromatic schemes use different tones from the same angle on the color wheel (the same angle).Just change color saturation +10% and you have a new monocromatic color. On our case color: 82% has a #381EA4 saturation. Adding 82% + 10% = 92% saturation for our new color #210A7D. Decreasing 82% - 10% = 72% saturation for other monochromatic color #5538C9. #5538c9 rgb (85,56,201) #5538c9 72% saturation #552663 rgb (50,38,99) #552663 62% saturation #210a7d rgb (33,10,125) #210a7d 92% saturation #140063 rgb (20,0,99) #140063 100% saturation

Analogous color Analogous color schemes are created by using colors that are next to each other on the color wheel. Just +/- 30o on sides of the color hue angle. #7B1DA3 rgb (123,29,163) #7B1DA3 282o #381EA4 rgb (56,30,164) #381EA4 252o #1D46A3 rgb (29,70,163) #1D46A3 222o

Complementary color Complementary schemes are created by combining colors from opposite sides of the color wheel. Simple add 180 degrees to color hue / angle and you have the complementary color. On our case color: #381EA4 has a 252o angle. Adding 252o + 180o = 72oo for our new complementary color #88A31D. #381EA4 rgb (56,30,164) #381EA4 252o #88A31D rgb (136,163,29) #88A31D 72o

Split color Compound schemes or split complementary schemens are almost the same as complementary schemes. Instead of using colors that are opposites, it uses colors on both sides of the opposite hue angle. On our case color: #381EA4 has a 252o angle. Adding 252o + 180o+30o = 102o for our first complementary color #46A31D. Decreasing 252o + 180o-30o = 42o for the second complementary color #A37B1D. #A37B1D rgb (163,123,29) #A37B1D 42o #381EA4 rgb (56,30,164) #381EA4 252o #46A31D rgb (70,163,29) #46A31D 102o

Tiradic color Triadic schemes are made up of hues/angles equally spaced around color wheel. Add and decrease +/- 120 degrees on both sides of the color hue angle. #A3381D rgb (163,56,29) #A3381D 12o #381EA4 rgb (56,30,164) #381EA4 252o #1DA338 rgb (29,163,56) #1DA338 132o

Tetradic color Tetradic schemes are made up of hues/angles spaced around color wheel. Add 120,180,300 degrees on the color hue angle. #A3381D rgb (163,56,29) #A3381D 12o #381EA4 rgb (56,30,164) #381EA4 252o #88A31D rgb (136,163,29) #88A31D 72o #1D88A3 rgb (29,136,163) #1D88A3 192o