Coloreminder home /

#dc143c Crimson color

Palette My palette (0)    color name140 colors & names   Html & Css   Color Schemes   Bar chart   Image  
#dc143c hex color
 GENERATE

#dc143c hex color contains 86.27% of Red  7.84% of Green  23.53% of Blue. The Rgb value for #dc143c is (220,20,60).  Its web safe color is #cc0033 (#c03)
The CMYK color model (used in color printing) for #dc143c is 0% Cyan 91% Magenta 73% Yellow 14% Black. The lightness is equal to 47%, the value of saturation is 83% and it has a hue angle of 348°.

HEXADECIMAL #dc143cclipboard RGB 220,20,60 rgb color
HSL 0.97,0.83,0.47 (348°,83%,47%) CMYK 0,91,73,14 cmyk color
HSV 348°,91°,86° CIE-LAB 47.03,70.936,33.595
XYZ 30.581,16.042,5.76 DECIMAL 14423100
Color name Crimson
HUE SATURATION LIGHTNESS
color icon
10% clipboard
47,4,13
20% clipboard
94,9,25
30% clipboard
140,13,38
47% clipboard
220,20,60
50% clipboard
234,21,64
60% clipboard
238,68,102
70% clipboard
242,115,140
80% clipboard
247,162,178
90% clipboard
251,208,217

Color variation of #dc143c

47% clipboard
220,20,60

Color schemes of #dc143c (Crimson)

Complementary color

clipboard
220,20,60
clipboard
20,220,180
 

Analogous colors

clipboard
220,20,160
clipboard
220,20,60
clipboard
220,80,20
 

Triadic colors

clipboard
20,60,220
clipboard
220,20,60
clipboard
60,220,60

Monochromatic colors

clipboard
103,9,28
clipboard
127,12,34
clipboard
150,14,41
clipboard
173,16,47
clipboard
197,18,54
clipboard
220,20,60
clipboard
235,31,72
clipboard
237,54,91
clipboard
239,78,110
 

#dc143c others options

Invert color

clipboard
220,20,60
clipboard
35,235,195
 

Grayscale color

palette
220,20,60
clipboard
84,84,84
 

Web Safe color

clipboard
220,20,60
clipboard
204,0,51
rgb RGB bar chart of #dc143c
rgb Cyan Magenta Yellow Black bar chart of #dc143c
HTML & CSS EXAMPLES
EXAMPLES WITH HEXADECIMAL value : #dc143c
Text with hexadecimal color : #dc143c in <span> element
<span style="color:#dc143c;">Lorem ipsum dolor sit amet, consectetur adipiscing.</span>
Lorem ipsum dolor sit amet, consectetur adipiscing
A text and a border color : #dc143c
<div style="color:#dc143c;width:300px;height:50px;border:2px solid #dc143c;">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
A rectangle with a background color #dc143c
<div style="background-color:#dc143c;width:300px;height:100px;"></div>
Code to create a css class and display #dc143c text color
<html>
<head>
<style type="text/css">.example{ color:#dc143c;} </style>
</head>
<body>
<span class="example">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
</body>
</html>
Lorem ipsum dolor sit amet, consectetur adipiscing
Here is a box-shadow added to a <div> element
css3
<html>
<head>
<style type="text/css">
.example{ width: 300px; height: 100px;box-shadow: 5px 5px 3px #dc143c;background-color: #ffffff; }
</style>
</head>
<body>
<div class="example"></div>
</body>
</html>
EXAMPLES WITH RGB value : 220,20,60
A text with rgb color values as color code
<div style="color:rgb(220,20,60);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
A text with rgb and opacity 0.5, Range for opacity (0 -> 1)
css3
<div style="color:rgba(220,20,60,0.5);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
Rectangle with rgb bakground color
<div style="background-color:rgb(220,20,60);width:300px;height:100px;"></div>

#dc143c color got : 86.27% of Red 7.84% of Green 23.53% of Blue that could be written like this
<div style="color:rgb(86.27%,7.84%,23.53%);">Lorem ipsum dolor sit amet, consectetur adipiscing</div>
Lorem ipsum dolor sit amet, consectetur adipiscing
EXAMPLES WITH Color name : crimson
<div style="background-color:crimson;width:300px;height:100px;"></div>
A rectangle with a background color : crimson
EXAMPLES WITH HSL : 348,83%,47% and HSLA : 348,83%,47%,opacity
A text with hsl & hsla values. Opacity range : 0,1
css3
<html>
<head>
<style type="text/css">
.example{ color:hsl(348,83%,47%); }
.example_opacity{ color:hsla(348,83%,47%,0.5); }
</style>
</head>
<body>
<span class="example">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
<span class="example_opacity">Lorem ipsum dolor sit amet, consectetur adipiscing</span>
</body>
</html>
Lorem ipsum dolor sit amet, consectetur adipiscing
Lorem ipsum dolor sit amet, consectetur adipiscing

More information about hsla can be found here
#dc143c (Crimson) IMAGE GENERATOR


Width : pixels Height : pixels
save SAVE IMAGE #dc143c
This generator will generate an image with a background color #dc143c that you can save to your computer. Just choose Width and Height of image.
Back to top of page