#332277 Color Hex Deep Space Rodeo

Information about Deep Space Rodeo Color | #0000FF

#332277 color RGB value is (51,34,119). #332277 color name is Deep Space Rodeo color.

#332277 hex color red value is 51 , green value is 34 and the blue value of its RGB is 119 . Cylindrical-coordinate representations (also known as HSL) of color #332277 hue: 252 , saturation: 56 and the lightness value of #332277 is 30

The process color (four color CMYK) of #332277 color hex is 22 , 28 ,0, 21 .

#332277

~Deep Space Rodeo

Color Converions

HEX
#332277
RGB
51,34,119
LAB
20,27,-47
CMYK
57,71,0,53
LCH
20,54,-60
XYZ
5,3,18
HSV
252,71,47
HSL
252,56,30

Base Numbers

Base Red Green Blue
Binary 110011 100010 1110111
Octal 63 42 167
Decimal 51 34 119
Hex 33 22 77

RGB Percentages of Color #332277

20%
13%
47%

CMYK Percentages of Color #332277

22%
0%
28%
21%

Color Variations

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

Shades of #332277

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

10%
#332277
20%
#2e1f6b
30%
#291b5f
40%
#241853
50%
#1f1447
60%
#1a113b
70%
#140e30
80%
#0f0a24
90%
#0a0718
100%
#05030c

Tints of #332277

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

10%
#332277
20%
#473885
30%
#5c4e92
40%
#7064a0
50%
#857aad
60%
#9991bb
70%
#ada7c9
80%
#c2bdd6
90%
#d6d3e4
100%
#ebe9f1

Tones of #332277

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

10%
#332277
20%
#3b2b78
30%
#423579
40%
#4a3e7a
50%
#52477a
60%
#59517b
70%
#615a7c
80%
#69637d
90%
#706d7e
100%
#78767f

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.
#332277
#223377
#222277
#332277
#442277
#552277

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#332277
#772255
#337722

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#332277
#773322
#227733

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.
#332277
#77223c
#667722
#22775d

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#332277
#452ea1
#573acc
#6a46f6
#0f0a22
#21164c

Blindness simulator

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

Normal

#332277

protanopia

#00336b

deuteranopia

#00375c

tritanopia

#1d393e

achromatopsia

#2c2c2c

protanomaly

#132d6f

deuteranomaly

#132f66

achromatopsia

#2c2c2c

tritanomaly

#253153

achromatomaly

#2e2847

Contrast Checker

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

White background

Good 13/21
Hello World ! 13

Black background-color

Poor 2/21
Hello World !

#332277 Color CSS Codes

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

#332277 Text Font Color

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

This sample text font color is #332277
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.

#332277 Background Color

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

#332277 Border Color

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

This div border color is #332277

#332277 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #332277

More Colors

Concealed Green
#263130
Aromatic Breeze
#ffcecb
Nightly Escapade
#0433ff
Parsley
#305d35
Diamond Grey
#3e474b
Loon Turquoise
#2e6676
Peach Patch
#f3d5a1
Ashberry
#b495a4
Hickory Grove
#655341
Blue Silk
#d0dce8
Ash Violet
#9695a4
False Morel
#784d4c
Cosmic Blue
#93c3cb
Aqua Oasis
#bce8dd
Dòu Lǜ Green
#009276
Dainty Pink
#ecbcce
Navy Trim
#203462
Evocative Blue
#9dbcc7
Empower
#b54644
Jaded Ginger
#cc7766
Arctic Dusk
#735b6a
Aquatic Cool
#41a0b4
Floral Note
#cdcfdb
Neutral Grey
#8e918f
Machine Green
#a6a23f
Parauri Brown
#824a53
Pine Brook
#5c7669
Old Lace
#fdf5e6
Catalina Green
#859475
Peachy Pinky
#ff775e
Amulet Gem
#01748e
Charted
#b2cce1
Faith
#d5ebac
Engagement Silver
#c2c6c0
Clarified Butter
#e69c23
Blue Coral
#1b5366
Clouded Blue
#1f75fe
Crusoe
#165b31
Bleu Ciel
#007ba1
Blissful Blue
#b2c8d8
rating-img
Rate this tool
NaN/5   0 votes