#a6dad0 Color Hex Lolly Ice

Information about Lolly Ice Color | #0000FF

#a6dad0 color RGB value is (166,218,208). #a6dad0 color name is Lolly Ice color.

#a6dad0 hex color red value is 166 , green value is 218 and the blue value of its RGB is 208 . Cylindrical-coordinate representations (also known as HSL) of color #a6dad0 hue: 168 , saturation: 41 and the lightness value of #a6dad0 is 75

The process color (four color CMYK) of #a6dad0 color hex is 9 , 0 ,2, 6 .

#a6dad0

~Lolly Ice

Color Converions

HEX
#a6dad0
RGB
166,218,208
LAB
83,-19,-1
CMYK
24,0,5,15
LCH
83,19,-177
XYZ
52,63,69
HSV
168,24,85
HSL
168,41,75

Base Numbers

Base Red Green Blue
Binary 10100110 11011010 11010000
Octal 246 332 320
Decimal 166 218 208
Hex a6 da d0

RGB Percentages of Color #a6dad0

65%
85%
82%

CMYK Percentages of Color #a6dad0

9%
2%
0%
6%

Color Variations

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

Shades of #a6dad0

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

10%
#a6dad0
20%
#95c4bb
30%
#85aea6
40%
#749992
50%
#64837d
60%
#536d68
70%
#425753
80%
#32413e
90%
#212c2a
100%
#111615

Tints of #a6dad0

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

10%
#a6dad0
20%
#afded5
30%
#b8e1d9
40%
#c1e5de
50%
#cae9e3
60%
#d3ede8
70%
#dbf0ec
80%
#e4f4f1
90%
#edf8f6
100%
#f6fbfa

Tones of #a6dad0

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

10%
#a6dad0
20%
#a2d1c8
30%
#9ec8c0
40%
#9abfb8
50%
#97b6b0
60%
#93ada8
70%
#8fa4a0
80%
#8b9b98
90%
#879290
100%
#838988

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.
#a6dad0
#a6dabb
#a6dac6
#a6dad0
#a6dada
#a6cfda

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a6dad0
#a6a6da
#dabba6

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a6dad0
#d0a6da
#dad0a6

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.
#a6dad0
#b6a6da
#daa6b0
#cadaa6

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a6dad0
#040505
#25302e
#455a56
#65857f
#86afa7

Blindness simulator

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

Normal

#a6dad0

protanopia

#d4cdc9

deuteranopia

#e0c8d5

tritanopia

#aad5e6

achromatopsia

#cecece

protanomaly

#c3d2cb

deuteranomaly

#cbcfd3

achromatopsia

#cecece

tritanomaly

#a9d7de

achromatomaly

#c0d3cf

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 !

#a6dad0 Color CSS Codes

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

#a6dad0 Text Font Color

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

This sample text font color is #a6dad0
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.

#a6dad0 Background Color

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

#a6dad0 Border Color

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

This div border color is #a6dad0

#a6dad0 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a6dad0

More Colors

Balsam
#bec4b7
Honey Beehive
#d39f5f
Dark Berry
#5c464a
Devil Blue
#277594
Janitor
#2266cc
Burning Raspberry
#ff0599
Firebrick
#b22222
Deep Pine
#557138
Kingfisher Grey
#7e969f
Lake Tahoe Turquoise
#34b1b2
Gypsy Canvas
#b7a467
Boardman
#757760
Karaka
#2d2d24
Kariyasu Green
#6e7955
Dry Sea Grass
#ccb27a
Plumosa
#64a281
Lighthearted Rose
#c7a1a9
Gyoza Dumpling
#dfb46f
California Stucco
#c5ad9a
Pink Bravado
#c5b5c3
Frozen Mint
#d8e8e6
Foxtail
#bc896e
Pastry Shell
#bd8c66
Goblin Green
#76ff7a
Jetstream
#b0d2d6
Intergalactic Cowboy
#222266
Impala
#f8ce97
Gothic Amethyst
#a38b93
Glacier Bay
#def2ee
Figue
#9469a2
Nightshade Violet
#a383ac
Knight Rider
#0f0707
Light Starlight
#cbd0d7
Iris Ice
#e0e3ef
Colonial Revival Stone
#a7947c
Pebble Stone
#e0d9da
Habanero Chile
#b8473d
Burnished Mahogany
#734842
Hortensia
#553b50
Nova White
#f8eed9
rating-img
Rate this tool
NaN/5   0 votes