COLOR #98E3AE

HEX: #98E3AE RGB: (152,227,174)

Color info

#98E3AE contains mainly green and blue colors. Web safe color of #98E3AE is #99CC99 (or #9C9).

RGB color model

#98E3AE color RGB value is (152,227,174).

RGB: (152,227,174) (60%, 89%, 68%)

RGB channels and saturation

R 152 of 255 = 60%
G 227 of 255 = 89%
B 174 of 255 = 68%

152
227
174

R + G + B ~ 72%. #98E3AE is quite light color.

Portions of RGB colors in percentages

R + G + B = 152 + 227 + 174 = 553 (100%)
R 152 of 553 ~ 27.49%
G 227 of 553 ~ 41.05%
B 174 of 553 ~ 31.46'%

%27.49
%41.05
%31.46

CMYK color model

#98E3AE color CMYK value is (33,0,23,11).

  • cyan value is 33.04%
  • magenta value is 0.00%
  • yellow value is 23.35%
  • key color value is 10.98%
CMYK: (33,0,23,11) C33M0Y23K11 (33%,0%,23%,11%) (0.33/0.00/0.23/0.11) 

CMYK percentages

%33.04
%0
%23.35
%10.98

Codes

Color #98E3AE in popluar color models

98 E3 AE
RGB 152 227 174
HSL 138° 57.25% 74.31%
HSB/HSV 138° 33.04% 89.02%
CMYK 33.04% 0.00% 23.35%
10.98%

Color #98E3AE in popluar number systems.

HEX 98 E3 AE
Decimal 152 227 174
Binary 10011000 11100011 10101110
Octal 230 343 256

Shades and tints

Shades of #98E3AE

#98E3AE
(152,227,174)
#8BCF9F
(139,207,159)
#7EBB90
(126,187,144)
#71A781
(113,167,129)
#649372
(100,147,114)
#577F63
(87,127,99)
#4A6B54
(74,107,84)
#3D5745
(61,87,69)
#304336
(48,67,54)
#232F27
(35,47,39)
#161B18
(22,27,24)
#000000
(0,0,0)

Tints of #98E3AE

#98E3AE
(152,227,174)
#A1E5B5
(161,229,181)
#AAE7BC
(170,231,188)
#B3E9C3
(179,233,195)
#BCEBCA
(188,235,202)
#C5EDD1
(197,237,209)
#CEEFD8
(206,239,216)
#D7F1DF
(215,241,223)
#E0F3E6
(224,243,230)
#E9F5ED
(233,245,237)
#F2F7F4
(242,247,244)
#FFFFFF
(255,255,255)

CSS3 styles

Examples of css and html codes for elements with #98E3AE color. Also use rgb(152,227,174) instead hex code.

Text Font Color

.myTextColor { color: #98E3AE; }

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

This text font color is #98E3AE.

Background Color

.myBgColor { background-color: #98E3AE; }

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

This div background color is #98E3AE.

Border color

.myBorderColor { border: 1px solid #98E3AE; }

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

This div border color is #98E3AE.

Opacity

.myOpacity80 { color: #98E3AE; opacity: 0.8; }

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

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

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

This text has shadow with #98E3AE color.


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

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

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


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

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

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

Div box shadow color

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

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

This div box has shadow with color #98E3AE.

Preview

Color preview on black background

This text has color #98E3AE on black background.


Color preview on white background

This text has color #98E3AE on white background.


Black color preview on #98E3AE background

This text has black color on #98E3AE background.


White color preview on #98E3AE background

This text has white color on #98E3AE background.


Related colors

Complementary color

Complementary color for #hex is #671C51.


I love getcolorcode.com

Triadic colors

1 #AE98E3 and #E3AE98 with #98E3AE are triadic colors.

2 #AEE398 and #E398AE with #98E3AE are triadic colors.