Color #DAFB78

Color info

#DAFB78 contains mainly red and green colors. Web safe color of #DAFB78 is #CCFF66 (or #CF6).

RGB color model

#DAFB78 color RGB value is (218,251,120).

red value is 218;
green value is 251;
blue value is 120.

RGB:
(218,251,120)
(85%,98%,47%)

RGB channels and saturation

R 218 of 255 = 85%
G 251 of 255 = 98%
B 120 of 255 = 47%

218

251

120

R + G + B ~ 77%. #DAFB78 is quite light color.

Portions of RGB colors in percentages

R + G + B =
218 + 251 + 120 = 589 (100%)
R 218 of 589 ~ 37.01%
G 251 of 589 ~ 42.61%
B 120 of 589 ~ 20.37%

%37.01

%42.61

%20.37

CMYK color model

#DAFB78 color CMYK value is (13,0,52,2).

cyan value is 13.15%
magenta value is 0.00%
yellow value is 52.19%
key color value is 1.57%

CMYK:
(13,0,52,2)
C13M0Y52K2 
(13%,0%,52%,2%)
(0.13/0.00/0.52/0.02)

CMYK percentages

%13.15

%52.19

%1.57

Codes

Color #DAFB78 in popluar color models

	DA	FB	78
RGB	218	251	120
HSL	75°	94.24%	72.75%
HSB/HSV	75°	52.19%	98.43%
CMYK	13.15%	0.00%	52.19%
CMYK	1.57%

Color #DAFB78 in popluar number systems.

HEX	DA	FB	78
Decimal	218	251	120
Binary	11011010	11111011	1111000
Octal	332	373	170

Shades and tints

Shades of #DAFB78

#DAFB78
(218,251,120)

#C7E56E
(199,229,110)

#B4CF64
(180,207,100)

#A1B95A
(161,185,90)

#8EA350
(142,163,80)

#7B8D46
(123,141,70)

#68773C
(104,119,60)

#556132
(85,97,50)

#424B28
(66,75,40)

#2F351E
(47,53,30)

#1C1F14
(28,31,20)

#000000
(0,0,0)

Tints of #DAFB78

#DAFB78
(218,251,120)

#DDFB84
(221,251,132)

#E0FB90
(224,251,144)

#E3FB9C
(227,251,156)

#E6FBA8
(230,251,168)

#E9FBB4
(233,251,180)

#ECFBC0
(236,251,192)

#EFFBCC
(239,251,204)

#F2FBD8
(242,251,216)

#F5FBE4
(245,251,228)

#F8FBF0
(248,251,240)

#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #DAFB78 color. Also use rgb(218,251,120) instead hex code.

Text Font Color

.myTextColor { color: #DAFB78; }

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

This text font color is #DAFB78.

Background Color

.myBgColor { background-color: #DAFB78; }

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

This div background color is #DAFB78.

Border color

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

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

This div border color is #DAFB78.

Opacity

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

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

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

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

This text has shadow with #DAFB78 color.

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

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

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

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

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

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

Div box shadow color

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

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

This div box has shadow with color #DAFB78.

Preview

Color preview on black background

This text has color #DAFB78 on black background.

Color preview on white background

This text has color #DAFB78 on white background.

Black color preview on #DAFB78 background

This text has black color on #DAFB78 background.

White color preview on #DAFB78 background

This text has white color on #DAFB78 background.