#aed7ea Color Hex Ariel

Information about Ariel Color | #0000FF

#aed7ea color RGB value is (174,215,234). #aed7ea color name is Ariel color.

#aed7ea hex color red value is 174 , green value is 215 and the blue value of its RGB is 234 . Cylindrical-coordinate representations (also known as HSL) of color #aed7ea hue: 199 , saturation: 59 and the lightness value of #aed7ea is 80

The process color (four color CMYK) of #aed7ea color hex is 10 , 3 ,0, 3 .

#aed7ea

~Ariel

Color Converions

HEX
#aed7ea
RGB
174,215,234
LAB
84,-11,-14
CMYK
26,8,0,8
LCH
84,18,-127
XYZ
57,64,87
HSV
199,26,92
HSL
199,59,80

Base Numbers

Base Red Green Blue
Binary 10101110 11010111 11101010
Octal 256 327 352
Decimal 174 215 234
Hex ae d7 ea

RGB Percentages of Color #aed7ea

68%
84%
92%

CMYK Percentages of Color #aed7ea

10%
0%
3%
3%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #aed7ea

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#aed7ea
20%
#9dc2d3
30%
#8bacbb
40%
#7a96a4
50%
#68818c
60%
#576b75
70%
#46565e
80%
#344046
90%
#232b2f
100%
#111517

Tints of #aed7ea

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#aed7ea
20%
#b6dbec
30%
#bedfee
40%
#c6e3f0
50%
#cee7f2
60%
#d6ebf5
70%
#dfeff7
80%
#e7f3f9
90%
#eff7fb
100%
#f7fbfd

Tones of #aed7ea

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#aed7ea
20%
#a9cedf
30%
#a5c6d5
40%
#a0bdca
50%
#9bb4bf
60%
#97abb5
70%
#92a3aa
80%
#8d9a9f
90%
#899195
100%
#84888a

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#aed7ea
#aeeae5
#aee3ea
#aed7ea
#aecbea
#aebfea

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#aed7ea
#eac1ae

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#aed7ea
#cdaeea
#eae5ae

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#aed7ea
#eaaed7
#d7eaae

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#aed7ea
#dfaeea
#eac1ae
#b9eaae

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#aed7ea
#101415
#303b40
#4f626a
#6f8995
#8eb0bf

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#aed7ea

protanopia

#cdcee5

deuteranopia

#d6caed

tritanopia

#acd6e7

achromatopsia

#d0d0d0

protanomaly

#c2d1e7

deuteranomaly

#c7cfec

achromatopsia

#d0d0d0

tritanomaly

#add7e8

achromatomaly

#c3d2d9

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 2/21
Hello World ! 2

Black background-color

Good 14/21
Hello World !

#aed7ea Color CSS Codes

.bgcolor {background-color:#aed7ea; } 
.forecolor {color:#aed7ea; }
.bordercolor {border:3px solid #aed7ea; }
            

#aed7ea Text Font Color

<div style="color:#aed7ea">
Div content here</div>

This sample text font color is #aed7ea
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#aed7ea Background Color

<div style="background-color:#aed7ea">
Div content here</div>
Div content here

#aed7ea Border Color

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

This div border color is #aed7ea

#aed7ea Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #aed7ea; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #aed7ea; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #aed7ea;
  -webkit-box-shadow: 1px 1px 3px 2px #aed7ea;
  box-shadow: 1px 1px 3px 2px #aed7ea; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #aed7ea">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #aed7ea;
              -webkit-box-shadow: 1px 1px 3px 2px #aed7ea;
              box-shadow:         1px 1px 3px 2px #aed7ea#aed7ea">
Div content here</div>

This div box has shadow with color #aed7ea

More Colors

Armadillo
#484a46
Fountains of Budapest
#b9def0
Ketchup Later
#a91c1c
Coolbox Ice Turquoise
#499c9d
Dark Horizon
#666699
Passive
#cbccc9
Amethyst Smoke
#95879c
No$GMB Yellow
#f8e888
Nyctophobia Blue
#4d587a
Afternoon Stroll
#d9c5a1
Almond Oil
#f4efc1
Mountain Meadow
#30ba8f
Frosty Green
#a3b5a6
Nautilus
#273c5a
Mulled Wine Red
#3b2932
Knit Cardigan
#6d6c5f
Plasticine
#4a623b
New Cream
#ede0c0
Battle Harbor
#9c9c82
Polished Stone
#beb49e
Cutty Sark
#5c8173
Advertising Green
#53a079
Jordy Blue
#7aaae0
Lavender Breeze
#e4e1e3
Antique Petal
#e8e3e3
Chilean Fire
#d05e34
Easter Purple
#c071fe
Mineral Spring
#edf2ec
Nature Trail
#e6d7bb
Fire Dance
#e3d590
Osage Orange
#f4a045
Lemon Twist
#fed95d
Modern Ivory
#f5ecdc
Basalt Grey
#999999
Caramel Candy
#b3715d
Barely Pear
#edebdb
Madder Orange
#f1beb0
Center Ridge
#817a69
Black Pine Green
#33654a
Marron
#6e4c4b
rating-img
Rate this tool
NaN/5   0 votes