#3850a0 Color Hex Dazzling Blue

Information about Dazzling Blue Color | #0000FF

#3850a0 color RGB value is (56,80,160). #3850a0 color name is Dazzling Blue color.

#3850a0 hex color red value is 56 , green value is 80 and the blue value of its RGB is 160 . Cylindrical-coordinate representations (also known as HSL) of color #3850a0 hue: 226 , saturation: 48 and the lightness value of #3850a0 is 42

The process color (four color CMYK) of #3850a0 color hex is 25 , 20 ,0, 15 .

#3850a0

~Dazzling Blue

Color Converions

HEX
#3850a0
RGB
56,80,160
LAB
36,12,-47
CMYK
65,50,0,37
LCH
36,49,-76
XYZ
11,9,34
HSV
226,65,63
HSL
226,48,42

Base Numbers

Base Red Green Blue
Binary 111000 1010000 10100000
Octal 70 120 240
Decimal 56 80 160
Hex 38 50 a0

RGB Percentages of Color #3850a0

22%
31%
63%

CMYK Percentages of Color #3850a0

25%
0%
20%
15%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #3850a0

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#3850a0
20%
#324890
30%
#2d4080
40%
#273870
50%
#223060
60%
#1c2850
70%
#162040
80%
#111830
90%
#0b1020
100%
#060810

Tints of #3850a0

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#3850a0
20%
#4c62aa
30%
#6073b3
40%
#7484bc
50%
#8896c6
60%
#9ba7cf
70%
#afb9d9
80%
#c3cae2
90%
#d7dcec
100%
#ebedf5

Tones of #3850a0

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#3850a0
20%
#3f559d
30%
#465a9a
40%
#4d5e96
50%
#556393
60%
#5c6890
70%
#636c8d
80%
#6a7189
90%
#717686
100%
#787b83

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#3850a0
#387aa0
#3865a0
#3850a0
#383ba0
#4a38a0

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#3850a0
#a08838

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#3850a0
#9d38a0
#7aa038

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#3850a0
#a03850
#50a038

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#3850a0
#a03884
#a08838
#38a054

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#3850a0
#4765ca
#567af5
#0b1020
#1a254b
#293b75

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#3850a0

protanopia

#2953a1

deuteranopia

#005798

tritanopia

#0d5f66

achromatopsia

#515151

protanomaly

#2f52a0

deuteranomaly

#14559b

achromatopsia

#515151

tritanomaly

#1d597b

achromatomaly

#48506e

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Good 7/21
Hello World ! 7

Black background-color

Poor 3/21
Hello World !

#3850a0 Color CSS Codes

.bgcolor {background-color:#3850a0; } 
.forecolor {color:#3850a0; }
.bordercolor {border:3px solid #3850a0; }
            

#3850a0 Text Font Color

<div style="color:#3850a0">
Div content here</div>

This sample text font color is #3850a0
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#3850a0 Background Color

<div style="background-color:#3850a0">
Div content here</div>
Div content here

#3850a0 Border Color

<div style="border:3px solid #3850a0">
Div here</div>

This div border color is #3850a0

#3850a0 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #3850a0; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #3850a0; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #3850a0;
  -webkit-box-shadow: 1px 1px 3px 2px #3850a0;
  box-shadow: 1px 1px 3px 2px #3850a0; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #3850a0">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #3850a0;
              -webkit-box-shadow: 1px 1px 3px 2px #3850a0;
              box-shadow:         1px 1px 3px 2px #3850a0#3850a0">
Div content here</div>

This div box has shadow with color #3850a0

More Colors

PHP Purple
#8892bf
Allegro
#b28959
Aloe Plant
#b8ba87
Forest Bound
#738f50
Blue Gossamer
#cdd7df
Illusive Dream
#e1d5c2
Indigo Ink
#474a4d
Lemon Flesh
#f0e891
Liberty
#4d448a
Green 383
#3e3d29
Apatite Blue
#31827b
Pink Champagne
#e8dfed
Bluey
#375978
Eastlake Lavender
#887d79
Evening Symphony
#51637b
Pink Polar
#ccbabe
Deep into the Jungle
#004b49
Fěn Hóng Pink
#ff6cb5
Earth Happiness
#e3edc8
Opal Flame
#e95c4b
Dark Magenta
#8b008b
Crema
#c16104
Craftsman Blue
#008193
Cranbrook
#a65570
French Manicure
#fee6dc
Frosted Juniper
#f0f4eb
Pink Delight
#ff8ad8
Liver
#534b4f
Mild Orange
#f3bb93
Park Green Flat
#88c9a6
Artifice
#e6e2d3
Grape Taffy
#f4daf1
Dover Straits
#326ab1
Moss Landing
#6d7e40
Bright Ocarina
#f0e8da
Pickled Plum
#8e4785
Intense Jade
#68c89d
Planetary Silver
#cccfcb
Mariana Trench
#445956
Citronelle
#b8af23
rating-img
Rate this tool
NaN/5   0 votes