Color #24023D

Color info

#24023D contains red, green and blue colors in about the same proportion. Web safe color of #24023D is #330033 (or #303).

RGB color model

#24023D color RGB value is (36,2,61).

red value is 36;
green value is 2;
blue value is 61.

RGB:
(36,2,61)
(14%,1%,24%)

RGB channels and saturation

R 36 of 255 = 14%
G 2 of 255 = 1%
B 61 of 255 = 24%

R + G + B ~ 13%. #24023D is dark color.

Portions of RGB colors in percentages

R + G + B =
36 + 2 + 61 = 99 (100%)
R 36 of 99 ~ 36.36%
G 2 of 99 ~ 2.02%
B 61 of 99 ~ 61.62%

%36.36

%61.62

CMYK color model

#24023D color CMYK value is (41,97,0,76).

cyan value is 40.98%
magenta value is 96.72%
yellow value is 0.00%
key color value is 76.08%

CMYK:
(41,97,0,76)
C41M97Y0K76 
(41%,97%,0%,76%)
(0.41/0.97/0.00/0.76)

CMYK percentages

%40.98

%96.72

%76.08

Codes

Color #24023D in popluar color models

	24	02	3D
RGB	36	2	61
HSL	275°	93.65%	12.35%
HSB/HSV	275°	96.72%	23.92%
CMYK	40.98%	96.72%	0.00%
CMYK	76.08%

Color #24023D in popluar number systems.

HEX	24	02	3D
Decimal	36	2	61
Binary	100100	10	111101
Octal	44	2	75

Shades and tints

Shades of #24023D

#24023D
(36,2,61)

#210238
(33,2,56)

#1E0233
(30,2,51)

#1B022E
(27,2,46)

#180229
(24,2,41)

#150224
(21,2,36)

#12021F
(18,2,31)

#0F021A
(15,2,26)

#0C0215
(12,2,21)

#090210
(9,2,16)

#06020B
(6,2,11)

#000000
(0,0,0)

Tints of #24023D

#24023D
(36,2,61)

#37194E
(55,25,78)

#4A305F
(74,48,95)

#5D4770
(93,71,112)

#705E81
(112,94,129)

#837592
(131,117,146)

#968CA3
(150,140,163)

#A9A3B4
(169,163,180)

#BCBAC5
(188,186,197)

#CFD1D6
(207,209,214)

#E2E8E7
(226,232,231)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #24023D color. Also use rgb(36,2,61) instead hex code.

Text Font Color

.myTextColor { color: #24023D; }

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

This text font color is #24023D.

Background Color

.myBgColor { background-color: #24023D; }

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

This div background color is #24023D.

Border color

.myBorderColor { border: 1px solid #24023D; }

<div style="border:3px solid #24023D">Div</div>

This div border color is #24023D.

Opacity

.myOpacity80 { color: #24023D; opacity: 0.8; }

<p style="color:#24023D;opacity:0.8;">80%</p>

Text with #24023D 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 #24023D;}

<p style="text-shadow: 3px 3px 1px #24023D">Text here.</p>

This text has shadow with #24023D color.

.textShadow {text-shadow: 3px 3px 1px #24023D, 3px 3px 1px red;}

<p style="text-shadow: 3px 3px 1px #24023D, 5px 5px 20px red">Text here.</p>

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

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

<p style="filter: Shadow(Color=#24023D, Direction=45, Strength=4)">Text</p>

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

Div box shadow color

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

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

This div box has shadow with color #24023D.

Preview

Color preview on black background

This text has color #24023D on black background.

Color preview on white background

This text has color #24023D on white background.

Black color preview on #24023D background

This text has black color on #24023D background.

White color preview on #24023D background

This text has white color on #24023D background.