COLOR #143C62

HEX: #143C62 RGB: (20,60,98)

Color info

#143C62 contains mainly green and blue colors. Web safe color of #143C62 is #003366 (or #036).

RGB color model

#143C62 color RGB value is (20,60,98).

RGB: (20,60,98) (8%, 24%, 38%)

RGB channels and saturation

R 20 of 255 = 8%
G 60 of 255 = 24%
B 98 of 255 = 38%

20
60
98

R + G + B ~ 23%. #143C62 is dark color.

Portions of RGB colors in percentages

R + G + B = 20 + 60 + 98 = 178 (100%)
R 20 of 178 ~ 11.24%
G 60 of 178 ~ 33.71%
B 98 of 178 ~ 55.06'%

%11.24
%33.71
%55.06

CMYK color model

#143C62 color CMYK value is (80,39,0,62).

  • cyan value is 79.59%
  • magenta value is 38.78%
  • yellow value is 0.00%
  • key color value is 61.57%

CMYK: (80,39,0,62)
C80M39Y0K62 (80%, 39%, 0%, 62%)
(0.80 / 0.39 / 0.00 / 0.62)

CMYK percentages

%79.59
%38.78
%0
%61.57

Codes

Color #143C62 in popluar color models

14 3C 62
RGB 20 60 98
HSL 209° 66.10% 23.14%
HSB/HSV 209° 79.59% 38.43%
CMYK 79.59% 38.78% 0.00%
61.57%

Color #143C62 in popluar number systems.

HEX 14 3C 62
Decimal 20 60 98
Binary 10100 111100 1100010
Octal 24 74 142

Shades and tints

Shades of #143C62

#143C62
(20,60,98)
#13375A
(19,55,90)
#123252
(18,50,82)
#112D4A
(17,45,74)
#102842
(16,40,66)
#0F233A
(15,35,58)
#0E1E32
(14,30,50)
#0D192A
(13,25,42)
#0C1422
(12,20,34)
#0B0F1A
(11,15,26)
#0A0A12
(10,10,18)
#000000
(0,0,0)

Tints of #143C62

#143C62
(20,60,98)
#294D70
(41,77,112)
#3E5E7E
(62,94,126)
#536F8C
(83,111,140)
#68809A
(104,128,154)
#7D91A8
(125,145,168)
#92A2B6
(146,162,182)
#A7B3C4
(167,179,196)
#BCC4D2
(188,196,210)
#D1D5E0
(209,213,224)
#E6E6EE
(230,230,238)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #143C62 color. Also use rgb(20,60,98) instead hex code.

Text Font Color

.myTextColor { color: #143C62; }

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

This text font color is #143C62.

Background Color

.myBgColor { background-color: #143C62; }

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

This div background color is #143C62.

Border color

.myBorderColor { border: 1px solid #143C62; }

<div style="border:3px solid #143C62">Div</div>

This div border color is #143C62.

Opacity

.myOpacity80 { color: #143C62; opacity: 0.8; }

<p style="color:#143C62;opacity:0.8;">80%</p>

Text with #143C62 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 #143C62;}

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

This text has shadow with #143C62 color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #143C62.

Preview

Color preview on black background

This text has color #143C62 on black background.


Color preview on white background

This text has color #143C62 on white background.


Black color preview on #143C62 background

This text has black color on #143C62 background.


White color preview on #143C62 background

This text has white color on #143C62 background.


Related colors

Complementary color

Complementary color for #hex is #EBC39D.


I love getcolorcode.com

Triadic colors

1 #62143C and #3C6214 with #143C62 are triadic colors.

2 #623C14 and #3C1462 with #143C62 are triadic colors.