COLOR #42615A

HEX: #42615A
RGB: (66,97,90)

Color info

#42615A contains red, green and blue colors in about the same proportion. Web safe color of #42615A is #336666 (or #366).

RGB color model

#42615A color RGB value is (66,97,90).

  • red value is 66;
  • green value is 97;
  • blue value is 90.
RGB: (66,97,90) (26%,38%,35%)

RGB channels and saturation

R 66 of 255 = 26%
G 97 of 255 = 38%
B 90 of 255 = 35%

66
97
90

R + G + B ~ 33%. #42615A is quite dark color.

Portions of RGB colors in percentages

R + G + B =
66 + 97 + 90 = 253 (100%)
R 66 of 253 ~ 26.09%
G 97 of 253 ~ 38.34%
B 90 of 253 ~ 35.57%

%26.09
%38.34
%35.57

CMYK color model

#42615A color CMYK value is (32,0,7,62).

  • cyan value is 31.96%
  • magenta value is 0.00%
  • yellow value is 7.22%
  • key color value is 61.96%
CMYK: (32,0,7,62) C32M0Y7K62 (32%,0%,7%,62%) (0.32/0.00/0.07/0.62)

CMYK percentages

%31.96
%0
%7.22
%61.96

Codes

Color #42615A in popluar color models

42615A
RGB669790
HSL166°19.02%31.96%
HSB/HSV166°31.96%38.04%
CMYK31.96%0.00%7.22%
61.96%

Color #42615A in popluar number systems.

HEX42615A
Decimal669790
Binary100001011000011011010
Octal102141132

Shades and tints

Shades of #42615A

#42615A
(66,97,90)
#3C5952
(60,89,82)
#36514A
(54,81,74)
#304942
(48,73,66)
#2A413A
(42,65,58)
#243932
(36,57,50)
#1E312A
(30,49,42)
#182922
(24,41,34)
#12211A
(18,33,26)
#0C1912
(12,25,18)
#06110A
(6,17,10)
#000000
(0,0,0)

Tints of #42615A

#42615A
(66,97,90)
#536F69
(83,111,105)
#647D78
(100,125,120)
#758B87
(117,139,135)
#869996
(134,153,150)
#97A7A5
(151,167,165)
#A8B5B4
(168,181,180)
#B9C3C3
(185,195,195)
#CAD1D2
(202,209,210)
#DBDFE1
(219,223,225)
#ECEDF0
(236,237,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #42615A color. Also use rgb(66,97,90) instead hex code.

Text Font Color

.myTextColor { color: #42615A; }

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

This text font color is #42615A.


Background Color

.myBgColor { background-color: #42615A; }

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

This div background color is #42615A.


Border color

.myBorderColor { border: 1px solid #42615A; }

<div style="border:3px solid #42615A">Div</div>

This div border color is #42615A.


Opacity

.myOpacity80 { color: #42615A; opacity: 0.8; }

<p style="color:#42615A;opacity:0.8;">80%</p>

Text with #42615A 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 #42615A;}

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

This text has shadow with #42615A color.

.textShadow {text-shadow: 3px 3px 1px #42615A, 3px 3px 1px red;}

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

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


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

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

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


Div box shadow color

 /* css code */ .divShadow { -moz-box-shadow:	1px 1px 3px 2px #42615A; -webkit-box-shadow:	1px 1px 3px 2px #42615A; box-shadow:	1px 1px 3px 2px #42615A; } /* html code with inline style */ <div style="-moz-box-shadow: 1px 1px 3px 2px #42615A; -webkit-box-shadow: 1px 1px 3px 2px #42615A; box-shadow:1px 1px 3px 2px #42615A;">
Div content here</div>
This div box has shadow with color #42615A.

Preview

Color preview on black background

This text has color #42615A on black background.


Color preview on white background

This text has color #42615A on white background.



Black color preview on #42615A background

This text has black color on #42615A background.


White color preview on #42615A background

This text has white color on #42615A background.