Color #DF4058

Color info

#DF4058 contains mainly red color. Web safe color of #DF4058 is #CC3366 (or #C36).

RGB color model

#DF4058 color RGB value is (223,64,88).

red value is 223;
green value is 64;
blue value is 88.

RGB: (223,64,88) (87%, 25%, 35%)

RGB channels and saturation

R 223 of 255 = 87%
G 64 of 255 = 25%
B 88 of 255 = 35%

223

64

88

R + G + B ~ 49%. #DF4058 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B = 223 + 64 + 88 = 375 (100%)
R 223 of 375 ~ 59.47%
G 64 of 375 ~ 17.07%
B 88 of 375 ~ 23.47'%

%59.47

%17.07

%23.47

CMYK color model

#DF4058 color CMYK value is (0,71,61,13).

cyan value is 0.00%
magenta value is 71.30%
yellow value is 60.54%
key color value is 12.55%

CMYK: (0,71,61,13)
C0M71Y61K13 (0%, 71%, 61%, 13%)
(0.00 / 0.71 / 0.61 / 0.13)

CMYK percentages

%0

%71.3

%60.54

%12.55

Codes

Color #DF4058 in popluar color models

	DF	40	58
RGB	223	64	88
HSL	351°	71.30%	56.27%
HSB/HSV	351°	71.30%	87.45%
CMYK	0.00%	71.30%	60.54%
CMYK	12.55%

Color #DF4058 in popluar number systems.

HEX	DF	40	58
Decimal	223	64	88
Binary	11011111	1000000	1011000
Octal	337	100	130

Shades and tints

Shades of #DF4058

#DF4058
(223,64,88)

#CB3B50
(203,59,80)

#B73648
(183,54,72)

#A33140
(163,49,64)

#8F2C38
(143,44,56)

#7B2730
(123,39,48)

#672228
(103,34,40)

#531D20
(83,29,32)

#3F1818
(63,24,24)

#2B1310
(43,19,16)

#170E08
(23,14,8)

#000000
(0,0,0)

Tints of #DF4058

#DF4058
(223,64,88)

#E15167
(225,81,103)

#E36276
(227,98,118)

#E57385
(229,115,133)

#E78494
(231,132,148)

#E995A3
(233,149,163)

#EBA6B2
(235,166,178)

#EDB7C1
(237,183,193)

#EFC8D0
(239,200,208)

#F1D9DF
(241,217,223)

#F3EAEE
(243,234,238)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DF4058 color. Also use rgb(223,64,88) instead hex code.

Text Font Color

.myTextColor { color: #DF4058; }

<p style="color:#DF4058">This sample text font color is #DF4058.</p>

This text font color is #DF4058.

Background Color

.myBgColor { background-color: #DF4058; }

<div style="background-color:#DF4058">Inner text</div>

This div background color is #DF4058.

Border color

.myBorderColor { border: 1px solid #DF4058; }

This div border color is #DF4058.

Opacity

.myOpacity80 { color: #DF4058; opacity: 0.8; }

Text with #DF4058 color and opacity 100% | 80% | 50% | 30%.

Background with opacity value 100%.

Background with opacity value 80%.

Background with opacity value 50%.

Background with opacity value 30%.

Text shadow color

.textShadow {text-shadow: 3px 3px 1px #DF4058;}

This text has shadow with #DF4058 color.

.textShadow {text-shadow: 3px 3px 1px #DF4058', 3px 3px 1px red;}

This text has shadow with #DF4058 primary color and red secondary color.

Styles for old Internet Explorer:
.textShadow {filter: Shadow(Color=#DF4058, Direction=45, Strength=4)}

This text has shadow with #DF4058 and red colors in old Internet Explorer.

Div box shadow color

/* css code */
.divShadow
{
-moz-box-shadow: 1px 1px 3px 2px #DF4058;
-webkit-box-shadow: 1px 1px 3px 2px #DF4058;
box-shadow: 1px 1px 3px 2px #DF4058;
}

/* html code with inline style */
<div style="-moz-box-shadow: 1px 1px 3px 2px #DF4058; -webkit-box-shadow: 1px 1px 3px 2px #DF4058; box-shadow:1px 1px 3px 2px #DF4058;">
Div content here
</div>

This div box has shadow with color #DF4058.