COLOR #C0E397

HEX: #C0E397
RGB: (192,227,151)

Color info

#C0E397 contains mainly red and green colors. Web safe color of #C0E397 is #CCCC99 (or #CC9).

RGB color model

#C0E397 color RGB value is (192,227,151).

  • red value is 192;
  • green value is 227;
  • blue value is 151.
RGB:
(192,227,151)
(75%,89%,59%)

RGB channels and saturation

R 192 of 255 = 75%
G 227 of 255 = 89%
B 151 of 255 = 59%

192
227
151

R + G + B ~ 74%. #C0E397 is quite light color.

Portions of RGB colors in percentages

R + G + B =
192 + 227 + 151 = 570 (100%)
R 192 of 570 ~ 33.68%
G 227 of 570 ~ 39.82%
B 151 of 570 ~ 26.49%

%33.68
%39.82
%26.49

CMYK color model

#C0E397 color CMYK value is (15,0,33,11).

  • cyan value is 15.42%
  • magenta value is 0.00%
  • yellow value is 33.48%
  • key color value is 10.98%
CMYK:
(15,0,33,11)
C15M0Y33K11 
(15%,0%,33%,11%)
(0.15/0.00/0.33/0.11)	

CMYK percentages

%15.42
%0
%33.48
%10.98

Codes

Color #C0E397 in popluar color models

C0E397
RGB192227151
HSL88°57.58%74.12%
HSB/HSV88°33.48%89.02%
CMYK15.42%0.00%33.48%
10.98%

Color #C0E397 in popluar number systems.

HEXC0E397
Decimal192227151
Binary110000001110001110010111
Octal300343227

Shades and tints

Shades of #C0E397

#C0E397
(192,227,151)
#AFCF8A
(175,207,138)
#9EBB7D
(158,187,125)
#8DA770
(141,167,112)
#7C9363
(124,147,99)
#6B7F56
(107,127,86)
#5A6B49
(90,107,73)
#49573C
(73,87,60)
#38432F
(56,67,47)
#272F22
(39,47,34)
#161B15
(22,27,21)
#000000
(0,0,0)

Tints of #C0E397

#C0E397
(192,227,151)
#C5E5A0
(197,229,160)
#CAE7A9
(202,231,169)
#CFE9B2
(207,233,178)
#D4EBBB
(212,235,187)
#D9EDC4
(217,237,196)
#DEEFCD
(222,239,205)
#E3F1D6
(227,241,214)
#E8F3DF
(232,243,223)
#EDF5E8
(237,245,232)
#F2F7F1
(242,247,241)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #C0E397 color. Also use rgb(192,227,151) instead hex code.

Text Font Color

.myTextColor { color: #C0E397; }

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

This text font color is #C0E397.


Background Color

.myBgColor { background-color: #C0E397; }

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

This div background color is #C0E397.


Border color

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

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

This div border color is #C0E397.


Opacity

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

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

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

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

This text has shadow with #C0E397 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #C0E397 on black background.


Color preview on white background

This text has color #C0E397 on white background.



Black color preview on #C0E397 background

This text has black color on #C0E397 background.


White color preview on #C0E397 background

This text has white color on #C0E397 background.