COLOR #25D069

HEX: #25D069
RGB: (37,208,105)

Color info

#25D069 contains mainly green color. Web safe color of #25D069 is #33CC66 (or #3C6).

RGB color model

#25D069 color RGB value is (37,208,105).

  • red value is 37;
  • green value is 208;
  • blue value is 105.
RGB:
(37,208,105)
(15%,82%,41%)

RGB channels and saturation

R 37 of 255 = 15%
G 208 of 255 = 82%
B 105 of 255 = 41%

37
208
105

R + G + B ~ 46%. #25D069 is middle color (not dark and not light).

Portions of RGB colors in percentages

R + G + B =
37 + 208 + 105 = 350 (100%)
R 37 of 350 ~ 10.57%
G 208 of 350 ~ 59.43%
B 105 of 350 ~ 30%

%10.57
%59.43
%30

CMYK color model

#25D069 color CMYK value is (82,0,50,18).

  • cyan value is 82.21%
  • magenta value is 0.00%
  • yellow value is 49.52%
  • key color value is 18.43%
CMYK:
(82,0,50,18)
C82M0Y50K18 
(82%,0%,50%,18%)
(0.82/0.00/0.50/0.18)	

CMYK percentages

%82.21
%0
%49.52
%18.43

Codes

Color #25D069 in popluar color models

25D069
RGB37208105
HSL144°69.80%48.04%
HSB/HSV144°82.21%81.57%
CMYK82.21%0.00%49.52%
18.43%

Color #25D069 in popluar number systems.

HEX25D069
Decimal37208105
Binary100101110100001101001
Octal45320151

Shades and tints

Shades of #25D069

#25D069
(37,208,105)
#22BE60
(34,190,96)
#1FAC57
(31,172,87)
#1C9A4E
(28,154,78)
#198845
(25,136,69)
#16763C
(22,118,60)
#136433
(19,100,51)
#10522A
(16,82,42)
#0D4021
(13,64,33)
#0A2E18
(10,46,24)
#071C0F
(7,28,15)
#000000
(0,0,0)

Tints of #25D069

#25D069
(37,208,105)
#38D476
(56,212,118)
#4BD883
(75,216,131)
#5EDC90
(94,220,144)
#71E09D
(113,224,157)
#84E4AA
(132,228,170)
#97E8B7
(151,232,183)
#AAECC4
(170,236,196)
#BDF0D1
(189,240,209)
#D0F4DE
(208,244,222)
#E3F8EB
(227,248,235)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #25D069 color. Also use rgb(37,208,105) instead hex code.

Text Font Color

.myTextColor { color: #25D069; }

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

This text font color is #25D069.


Background Color

.myBgColor { background-color: #25D069; }

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

This div background color is #25D069.


Border color

.myBorderColor { border: 1px solid #25D069; }

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

This div border color is #25D069.


Opacity

.myOpacity80 { color: #25D069; opacity: 0.8; }

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

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

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

This text has shadow with #25D069 color.

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

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

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


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

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

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


Div box shadow color

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

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

Preview

Color preview on black background

This text has color #25D069 on black background.


Color preview on white background

This text has color #25D069 on white background.



Black color preview on #25D069 background

This text has black color on #25D069 background.


White color preview on #25D069 background

This text has white color on #25D069 background.