COLOR #693C5A

HEX: #693C5A RGB: (105,60,90)

Color info

#693C5A contains red, green and blue colors in about the same proportion. Web safe color of #693C5A is #663366 (or #636).

RGB color model

#693C5A color RGB value is (105,60,90).

RGB: (105,60,90) (41%, 24%, 35%)

RGB channels and saturation

R 105 of 255 = 41%
G 60 of 255 = 24%
B 90 of 255 = 35%

105
60
90

R + G + B ~ 33%. #693C5A is quite dark color.

Portions of RGB colors in percentages

R + G + B = 105 + 60 + 90 = 255 (100%)
R 105 of 255 ~ 41.18%
G 60 of 255 ~ 23.53%
B 90 of 255 ~ 35.29'%

%41.18
%23.53
%35.29

CMYK color model

#693C5A color CMYK value is (0,43,14,59).

  • cyan value is 0.00%
  • magenta value is 42.86%
  • yellow value is 14.29%
  • key color value is 58.82%

CMYK: (0,43,14,59)
C0M43Y14K59 (0%, 43%, 14%, 59%)
(0.00 / 0.43 / 0.14 / 0.59)

CMYK percentages

%0
%42.86
%14.29
%58.82

Codes

Color #693C5A in popluar color models

69 3C 5A
RGB 105 60 90
HSL 320° 27.27% 32.35%
HSB/HSV 320° 42.86% 41.18%
CMYK 0.00% 42.86% 14.29%
58.82%

Color #693C5A in popluar number systems.

HEX 69 3C 5A
Decimal 105 60 90
Binary 1101001 111100 1011010
Octal 151 74 132

Shades and tints

Shades of #693C5A

#693C5A
(105,60,90)
#603752
(96,55,82)
#57324A
(87,50,74)
#4E2D42
(78,45,66)
#45283A
(69,40,58)
#3C2332
(60,35,50)
#331E2A
(51,30,42)
#2A1922
(42,25,34)
#21141A
(33,20,26)
#180F12
(24,15,18)
#0F0A0A
(15,10,10)
#000000
(0,0,0)

Tints of #693C5A

#693C5A
(105,60,90)
#764D69
(118,77,105)
#835E78
(131,94,120)
#906F87
(144,111,135)
#9D8096
(157,128,150)
#AA91A5
(170,145,165)
#B7A2B4
(183,162,180)
#C4B3C3
(196,179,195)
#D1C4D2
(209,196,210)
#DED5E1
(222,213,225)
#EBE6F0
(235,230,240)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #693C5A color. Also use rgb(105,60,90) instead hex code.

Text Font Color

.myTextColor { color: #693C5A; }

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

This text font color is #693C5A.

Background Color

.myBgColor { background-color: #693C5A; }

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

This div background color is #693C5A.

Border color

.myBorderColor { border: 1px solid #693C5A; }

<div style="border:3px solid #693C5A">Div</div>

This div border color is #693C5A.

Opacity

.myOpacity80 { color: #693C5A; opacity: 0.8; }

<p style="color:#693C5A;opacity:0.8;">80%</p>

Text with #693C5A 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 #693C5A;}

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

This text has shadow with #693C5A color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #693C5A.

Preview

Color preview on black background

This text has color #693C5A on black background.


Color preview on white background

This text has color #693C5A on white background.


Black color preview on #693C5A background

This text has black color on #693C5A background.


White color preview on #693C5A background

This text has white color on #693C5A background.


Related colors

Complementary color

Complementary color for #hex is #96C3A5.


I love getcolorcode.com

Triadic colors

1 #5A693C and #3C5A69 with #693C5A are triadic colors.

2 #5A3C69 and #3C695A with #693C5A are triadic colors.