#a2adb3 Color Hex Laundry Blue

Information about Laundry Blue Color | #0000FF

#a2adb3 color RGB value is (162,173,179). #a2adb3 color name is Laundry Blue color.

#a2adb3 hex color red value is 162 , green value is 173 and the blue value of its RGB is 179 . Cylindrical-coordinate representations (also known as HSL) of color #a2adb3 hue: 201 , saturation: 10 and the lightness value of #a2adb3 is 67

The process color (four color CMYK) of #a2adb3 color hex is 4 , 1 ,0, 12 .

#a2adb3

~Laundry Blue

Color Converions

HEX
#a2adb3
RGB
162,173,179
LAB
70,-3,-5
CMYK
9,3,0,30
LCH
70,5,-124
XYZ
38,41,49
HSV
201,9,70
HSL
201,10,67

Base Numbers

Base Red Green Blue
Binary 10100010 10101101 10110011
Octal 242 255 263
Decimal 162 173 179
Hex a2 ad b3

RGB Percentages of Color #a2adb3

64%
68%
70%

CMYK Percentages of Color #a2adb3

4%
0%
1%
12%

Color Variations

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

Shades of #a2adb3

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

10%
#a2adb3
20%
#929ca1
30%
#828a8f
40%
#71797d
50%
#61686b
60%
#51565a
70%
#414548
80%
#313436
90%
#202324
100%
#101112

Tints of #a2adb3

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

10%
#a2adb3
20%
#abb5bb
30%
#b5bdc2
40%
#bec6ca
50%
#c7ced1
60%
#d1d6d9
70%
#dadee1
80%
#e3e6e8
90%
#eceff0
100%
#f6f7f7

Tones of #a2adb3

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

10%
#a2adb3
20%
#9fa8ae
30%
#9ba4a9
40%
#989fa4
50%
#949b9e
60%
#919699
70%
#8d9294
80%
#8a8d8f
90%
#86898a
100%
#838485

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.
#a2adb3
#a2b3b2
#a2b0b3
#a2adb3
#a2aab3
#a2a6b3

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#a2adb3
#aba2b3
#b3b2a2

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#a2adb3
#b3a2ad
#adb3a2

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.
#a2adb3
#b0a2b3
#b3a8a2
#a4b3a2

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#a2adb3
#c8d6dd
#080909
#2f3233
#555b5e
#7c8488

Blindness simulator

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

Normal

#a2adb3

protanopia

#aba9b0

deuteranopia

#b6a5b4

tritanopia

#a2aab8

achromatopsia

#ababab

protanomaly

#a8aab1

deuteranomaly

#afa8b3

achromatopsia

#ababab

tritanomaly

#a2abb6

achromatomaly

#a8acae

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 9/21
Hello World !

#a2adb3 Color CSS Codes

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

#a2adb3 Text Font Color

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

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

#a2adb3 Background Color

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

#a2adb3 Border Color

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

This div border color is #a2adb3

#a2adb3 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #a2adb3

More Colors

Green Day
#bbee88
Crystal Bell
#efeeef
Guesthouse
#e3e0d2
Antoinette
#b09391
Montreux Blue
#5879a2
Deep Smoke Signal
#7d8392
Midnight Mosaic
#3d5267
Flower Stem
#b5d5b0
Forest Fruit Red
#6e2759
Aquarelle Purple
#d8e1f1
Lavender Cloud
#b8abb1
Applemint Soda
#f3f5e9
Coriander Seed
#bdaa6f
Heaven Gates
#c7f1ff
Green Granite
#7c9793
Opulent Green
#103222
Dead Grass
#e4dc8a
Beaver Fur
#997867
Hopi Moccasin
#ffe4b5
Bungalow Taupe
#cebe9f
Clear Calamine
#f6e6e4
Magnolia White
#d8bfc8
Creme Angels
#f8ede2
Desolate Field
#d3cbc6
Pinenut
#f8d9b8
Butterum
#c68f65
Berry Bright
#a08497
Air Superiority Blue
#72a0c1
Juicy Jackfruit
#eedd33
Chilly White
#e5f1ed
Indigo Dye
#00416c
Gǎn Lǎn Lǜ Green
#658b38
Earth Black
#49433b
Cactus
#5b6f55
Amalfitan Azure
#033b9a
Black Flame
#484b5a
Fading Sunset
#b3b3c2
Crystal Haze
#e7e2d6
Blanched Almond
#ffebcd
Deep Marsh
#938565
rating-img
Rate this tool
NaN/5   0 votes