COLOR #7AEBC4

HEX: #7AEBC4 RGB: (122,235,196)

Color info
Codes
CSS3 styles
Preview
Shades and tints
Color combinations

Color info

#7AEBC4 contains mainly green and blue colors. Web safe color of #7AEBC4 is #66FFCC (or #6FC).

RGB color model

#7AEBC4 color RGB value is (122,235,196).

red value is 122;
green value is 235;
blue value is 196.

RGB: (122,235,196) (48%, 92%, 77%)

RGB channels and saturation

R 122 of 255 = 48%
G 235 of 255 = 92%
B 196 of 255 = 77%

122

235

196

R + G + B ~ 72%. #7AEBC4 is quite light color.

Portions of RGB colors in percentages

R + G + B = 122 + 235 + 196 = 553 (100%)
R 122 of 553 ~ 22.06%
G 235 of 553 ~ 42.5%
B 196 of 553 ~ 35.44'%

%22.06

%42.5

%35.44

CMYK color model

#7AEBC4 color CMYK value is (48,0,17,8).

cyan value is 48.09%
magenta value is 0.00%
yellow value is 16.60%
key color value is 7.84%

CMYK: (48,0,17,8) C48M0Y17K8 (48%,0%,17%,8%) (0.48/0.00/0.17/0.08)

CMYK percentages

%48.09

%16.6

%7.84

Codes

Color #7AEBC4 in popluar color models

	7A	EB	C4
RGB	122	235	196
HSL	159°	73.86%	70.00%
HSB/HSV	159°	48.09%	92.16%
CMYK	48.09%	0.00%	16.60%
CMYK	7.84%

Color #7AEBC4 in popluar number systems.

HEX	7A	EB	C4
Decimal	122	235	196
Binary	1111010	11101011	11000100
Octal	172	353	304

Shades and tints

Shades of #7AEBC4

#7AEBC4
(122,235,196)

#6FD6B3
(111,214,179)

#64C1A2
(100,193,162)

#59AC91
(89,172,145)

#4E9780
(78,151,128)

#43826F
(67,130,111)

#386D5E
(56,109,94)

#2D584D
(45,88,77)

#22433C
(34,67,60)

#172E2B
(23,46,43)

#0C191A
(12,25,26)

#000000
(0,0,0)

Tints of #7AEBC4

#7AEBC4
(122,235,196)

#86ECC9
(134,236,201)

#92EDCE
(146,237,206)

#9EEED3
(158,238,211)

#AAEFD8
(170,239,216)

#B6F0DD
(182,240,221)

#C2F1E2
(194,241,226)

#CEF2E7
(206,242,231)

#DAF3EC
(218,243,236)

#E6F4F1
(230,244,241)

#F2F5F6
(242,245,246)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #7AEBC4 color. Also use rgb(122,235,196) instead hex code.

Text Font Color

.myTextColor { color: #7AEBC4; }

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

This text font color is #7AEBC4.

Background Color

.myBgColor { background-color: #7AEBC4; }

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

This div background color is #7AEBC4.

Border color

.myBorderColor { border: 1px solid #7AEBC4; }

This div border color is #7AEBC4.

Opacity

.myOpacity80 { color: #7AEBC4; opacity: 0.8; }

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

This text has shadow with #7AEBC4 color.

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #7AEBC4.