#cc1122 Color Hex Pedestrian Red

Information about Pedestrian Red Color | #0000FF

#cc1122 color RGB value is (204,17,34). #cc1122 color name is Pedestrian Red color.

#cc1122 hex color red value is 204 , green value is 17 and the blue value of its RGB is 34 . Cylindrical-coordinate representations (also known as HSL) of color #cc1122 hue: 355 , saturation: 85 and the lightness value of #cc1122 is 43

The process color (four color CMYK) of #cc1122 color hex is 0 , 36 ,33, 8 .

#cc1122

~Pedestrian Red

Color Converions

HEX
#cc1122
RGB
204,17,34
LAB
44,67,45
CMYK
0,92,83,20
LCH
44,81,34
XYZ
25,13,3
HSV
355,92,80
HSL
355,85,43

Base Numbers

Base Red Green Blue
Binary 11001100 10001 100010
Octal 314 21 42
Decimal 204 17 34
Hex cc 11 22

RGB Percentages of Color #cc1122

80%
7%
13%

CMYK Percentages of Color #cc1122

0%
33%
36%
8%

Color Variations

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

Shades of #cc1122

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

10%
#cc1122
20%
#b80f1f
30%
#a30e1b
40%
#8f0c18
50%
#7a0a14
60%
#660811
70%
#52070e
80%
#3d050a
90%
#290307
100%
#140203

Tints of #cc1122

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

10%
#cc1122
20%
#d12938
30%
#d6414e
40%
#db5864
50%
#e0707a
60%
#e68891
70%
#eba0a7
80%
#f0b8bd
90%
#f5cfd3
100%
#fae7e9

Tones of #cc1122

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

10%
#cc1122
20%
#c41c2b
30%
#bd2735
40%
#b5323e
50%
#ad3d47
60%
#a64851
70%
#9e535a
80%
#965e63
90%
#8f696d
100%
#877476

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.
#cc1122
#cc116d
#cc1147
#cc1122
#cc2511
#cc4b11

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#cc1122
#b8cc11
#116dcc

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#cc1122
#22cc11
#1122cc

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.
#cc1122
#7fcc11
#11ccbb
#5d11cc

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#cc1122
#f61529
#220306
#4c060d
#770a14
#a10d1b

Blindness simulator

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

Normal

#cc1122

protanopia

#716638

deuteranopia

#826116

tritanopia

#ca1b18

achromatopsia

#3a3a3a

protanomaly

#924730

deuteranomaly

#9d441b

achromatopsia

#3a3a3a

tritanomaly

#cb171b

achromatomaly

#6f2b31

Contrast Checker

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

White background

Good 6/21
Hello World ! 6

Black background-color

Poor 4/21
Hello World !

#cc1122 Color CSS Codes

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

#cc1122 Text Font Color

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

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

#cc1122 Background Color

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

#cc1122 Border Color

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

This div border color is #cc1122

#cc1122 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #cc1122

More Colors

Matriarch
#7e6884
Antique Kilim
#c5bba8
Light Zen
#d1dbd2
Frivolous Folly
#cfd2c7
Lemur
#695f4f
Döner Kebab
#bb7766
Exploring Khaki
#aa9a79
Lush Green
#bbee00
Glacial Ice
#eae9e7
Lagoona Teal
#76c6d3
Durban Sky
#5d8a9b
Always Green Grass
#11aa00
Komodo Dragon
#b38052
Crystal Blue
#68a0b0
Appetizing Asparagus
#66aa00
Buff Orange
#ffbb7c
Dancing in the Rain
#abc5d6
Grey Roads
#c3c0bb
Golden Yellow
#ffdf00
Peach Shortcake
#f3dfd4
Peach Dust
#f0d8cc
Moss Brown
#715b2e
Medium Black
#444443
Cameo Role
#ddcaaf
Lichtenstein Yellow
#fdff38
Canewood
#d7b69a
Green Lantern
#9cd03b
Gull Feather
#c2c2bc
Guo Tie Dumpling
#bd7e08
Head in the Sand
#ebe2de
Out of Blue
#c0f7db
Flower Field
#d9a96f
Cardboard
#c19a6c
Celadon Glaze
#ccd4cb
Creole Cottage
#e7b89a
Neptune
#007dac
Mid Cypress
#779781
Konkikyō Blue
#191f45
Legal Ribbon
#6f434a
rating-img
Rate this tool
NaN/5   0 votes