#afc3bc Color Hex Ocean Droplet

Information about Ocean Droplet Color | #0000FF

#afc3bc color RGB value is (175,195,188). #afc3bc color name is Ocean Droplet color.

#afc3bc hex color red value is 175 , green value is 195 and the blue value of its RGB is 188 . Cylindrical-coordinate representations (also known as HSL) of color #afc3bc hue: 159 , saturation: 14 and the lightness value of #afc3bc is 73

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

#afc3bc

~Ocean Droplet

Color Converions

HEX
#afc3bc
RGB
175,195,188
LAB
77,-8,1
CMYK
10,0,4,24
LCH
77,8,172
XYZ
46,52,55
HSV
159,10,76
HSL
159,14,73

Base Numbers

Base Red Green Blue
Binary 10101111 11000011 10111100
Octal 257 303 274
Decimal 175 195 188
Hex af c3 bc

RGB Percentages of Color #afc3bc

69%
76%
74%

CMYK Percentages of Color #afc3bc

4%
1%
0%
9%

Color Variations

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

Shades of #afc3bc

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

10%
#afc3bc
20%
#9eb0a9
30%
#8c9c96
40%
#7b8984
50%
#697571
60%
#58625e
70%
#464e4b
80%
#353b38
90%
#232726
100%
#121413

Tints of #afc3bc

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

10%
#afc3bc
20%
#b7c9c3
30%
#bfcfc9
40%
#c7d5d0
50%
#cfdbd7
60%
#d7e1dd
70%
#dfe7e4
80%
#e7edeb
90%
#eff3f2
100%
#f7f9f8

Tones of #afc3bc

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

10%
#afc3bc
20%
#aabcb6
30%
#a5b5b0
40%
#a1afaa
50%
#9ca8a4
60%
#97a19e
70%
#929a98
80%
#8e9492
90%
#898d8c
100%
#848686

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.
#afc3bc
#afc3b4
#afc3b8
#afc3bc
#afc3c0
#afc2c3

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#afc3bc
#afb2c3
#c3b4af

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#afc3bc
#bcafc3
#c3bcaf

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.
#afc3bc
#b2afc3
#c3afb6
#c0c3af

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#afc3bc
#d5ede5
#161918
#3d4341
#636e6a
#899893

Blindness simulator

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

Normal

#afc3bc

protanopia

#c2bcb8

deuteranopia

#d0b7be

tritanopia

#b1bfce

achromatopsia

#bebebe

protanomaly

#bbbfb9

deuteranomaly

#c4bbbd

achromatopsia

#bebebe

tritanomaly

#b0c0c7

achromatomaly

#b9c0bd

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

#afc3bc Color CSS Codes

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

#afc3bc Text Font Color

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

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

#afc3bc Background Color

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

#afc3bc Border Color

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

This div border color is #afc3bc

#afc3bc Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #afc3bc

More Colors

Angel in Blue Jeans
#bbc6d9
Light Mist
#dce1d5
Moor Pond Green
#3c6461
Dull Pink
#d5869d
Crushed Limestone
#d6ddd3
Diva Glam
#b24e76
Paris White
#bfcdc0
Pacific Storm
#035453
Plum Pie
#8e4585
Iris Blue
#03b4c8
Pindjur Red
#bb4411
Plum Mouse
#c099a0
Dried Caspia
#b6bf7f
Dave's Den
#c3bfae
Cape Verde
#01554f
Elemental Grey
#a0a09f
Clotted Cream
#f3efcd
Gnome Green
#c4bc84
Green Garter
#61ba85
Darkroom
#443e40
Persian Flatbread
#e1c7a8
Country Linens
#d7c2a6
Masterpiece
#a1a2ab
Nordic Grass Green
#1fab58
Clouded Blue
#1f75fe
Forest Path
#708d6c
Cardinal Red
#9b365e
Floriography
#a54049
Luna Moon
#eceae1
Aftercare
#85c0cd
Mimesia Blue
#2269ca
Gypsy Dancer
#c07c7b
Munsell Blue
#0093af
Muesli
#9e7e53
Opal Violet
#7e8fbb
Coronado Dunes
#d5a68d
Be Spontaneous
#a5cb66
Composite Artefact Green
#55cc00
Cocobolo
#784848
Harem Silk
#006383
rating-img
Rate this tool
NaN/5   0 votes