COLOR #61CAAC

HEX: #61CAAC RGB: (97,202,172)

Color info

#61CAAC contains mainly green and blue colors. Web safe color of #61CAAC is #66CC99 (or #6C9).

RGB color model

#61CAAC color RGB value is (97,202,172).

RGB: (97,202,172) (38%, 79%, 67%)

RGB channels and saturation

R 97 of 255 = 38%
G 202 of 255 = 79%
B 172 of 255 = 67%

97
202
172

R + G + B ~ 61%. #61CAAC is quite light color.

Portions of RGB colors in percentages

R + G + B = 97 + 202 + 172 = 471 (100%)
R 97 of 471 ~ 20.59%
G 202 of 471 ~ 42.89%
B 172 of 471 ~ 36.52'%

%20.59
%42.89
%36.52

CMYK color model

#61CAAC color CMYK value is (52,0,15,21).

  • cyan value is 51.98%
  • magenta value is 0.00%
  • yellow value is 14.85%
  • key color value is 20.78%

CMYK: (52,0,15,21)
C52M0Y15K21 (52%, 0%, 15%, 21%)
(0.52 / 0.00 / 0.15 / 0.21)

CMYK percentages

%51.98
%0
%14.85
%20.78

Codes

Color #61CAAC in popluar color models

61 CA AC
RGB 97 202 172
HSL 163° 49.76% 58.63%
HSB/HSV 163° 51.98% 79.22%
CMYK 51.98% 0.00% 14.85%
20.78%

Color #61CAAC in popluar number systems.

HEX 61 CA AC
Decimal 97 202 172
Binary 1100001 11001010 10101100
Octal 141 312 254

Shades and tints

Shades of #61CAAC

#61CAAC
(97,202,172)
#59B89D
(89,184,157)
#51A68E
(81,166,142)
#49947F
(73,148,127)
#418270
(65,130,112)
#397061
(57,112,97)
#315E52
(49,94,82)
#294C43
(41,76,67)
#213A34
(33,58,52)
#192825
(25,40,37)
#111616
(17,22,22)
#000000
(0,0,0)

Tints of #61CAAC

#61CAAC
(97,202,172)
#6FCEB3
(111,206,179)
#7DD2BA
(125,210,186)
#8BD6C1
(139,214,193)
#99DAC8
(153,218,200)
#A7DECF
(167,222,207)
#B5E2D6
(181,226,214)
#C3E6DD
(195,230,221)
#D1EAE4
(209,234,228)
#DFEEEB
(223,238,235)
#EDF2F2
(237,242,242)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #61CAAC color. Also use rgb(97,202,172) instead hex code.

Text Font Color

.myTextColor { color: #61CAAC; }

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

This text font color is #61CAAC.

Background Color

.myBgColor { background-color: #61CAAC; }

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

This div background color is #61CAAC.

Border color

.myBorderColor { border: 1px solid #61CAAC; }

<div style="border:3px solid #61CAAC">Div</div>

This div border color is #61CAAC.

Opacity

.myOpacity80 { color: #61CAAC; opacity: 0.8; }

<p style="color:#61CAAC;opacity:0.8;">80%</p>

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

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

This text has shadow with #61CAAC color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #61CAAC.

Preview

Color preview on black background

This text has color #61CAAC on black background.


Color preview on white background

This text has color #61CAAC on white background.


Black color preview on #61CAAC background

This text has black color on #61CAAC background.


White color preview on #61CAAC background

This text has white color on #61CAAC background.


Related colors

Complementary color

Complementary color for #hex is #9E3553.


I love getcolorcode.com

Triadic colors

1 #AC61CA and #CAAC61 with #61CAAC are triadic colors.

2 #ACCA61 and #CA61AC with #61CAAC are triadic colors.