COLOR #125453

HEX: #125453 RGB: (18,84,83)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#125453 contains mainly green and blue colors. Web safe color of #125453 is #006666 (or #066).

RGB color model

#125453 color RGB value is (18,84,83).

red value is 18;
green value is 84;
blue value is 83.

RGB: (18,84,83) (7%, 33%, 33%)

RGB channels and saturation

R 18 of 255 = 7%
G 84 of 255 = 33%
B 83 of 255 = 33%

R + G + B ~ 24%. #125453 is dark color.

Portions of RGB colors in percentages

R + G + B = 18 + 84 + 83 = 185 (100%)
R 18 of 185 ~ 9.73%
G 84 of 185 ~ 45.41%
B 83 of 185 ~ 44.86'%

%9.73

%45.41

%44.86

CMYK color model

#125453 color CMYK value is (79,0,1,67).

cyan value is 78.57%
magenta value is 0.00%
yellow value is 1.19%
key color value is 67.06%

CMYK: (79,0,1,67) C79M0Y1K67 (79%,0%,1%,67%) (0.79/0.00/0.01/0.67)

CMYK percentages

%78.57

%1.19

%67.06

Codes

Color #125453 in popluar color models

	12	54	53
RGB	18	84	83
HSL	179°	64.71%	20.00%
HSB/HSV	179°	78.57%	32.94%
CMYK	78.57%	0.00%	1.19%
CMYK	67.06%

Color #125453 in popluar number systems.

HEX	12	54	53
Decimal	18	84	83
Binary	10010	1010100	1010011
Octal	22	124	123

Shades and tints

Shades of #125453

#125453
(18,84,83)

#114D4C
(17,77,76)

#104645
(16,70,69)

#0F3F3E
(15,63,62)

#0E3837
(14,56,55)

#0D3130
(13,49,48)

#0C2A29
(12,42,41)

#0B2322
(11,35,34)

#0A1C1B
(10,28,27)

#091514
(9,21,20)

#080E0D
(8,14,13)

#000000
(0,0,0)

Tints of #125453

#125453
(18,84,83)

#276362
(39,99,98)

#3C7271
(60,114,113)

#518180
(81,129,128)

#66908F
(102,144,143)

#7B9F9E
(123,159,158)

#90AEAD
(144,174,173)

#A5BDBC
(165,189,188)

#BACCCB
(186,204,203)

#CFDBDA
(207,219,218)

#E4EAE9
(228,234,233)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #125453 color. Also use rgb(18,84,83) instead hex code.

Text Font Color

.myTextColor { color: #125453; }

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

This text font color is #125453.

Background Color

.myBgColor { background-color: #125453; }

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

This div background color is #125453.

Border color

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

This div border color is #125453.

Opacity

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

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

This text has shadow with #125453 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #125453.