#edfcfb Color Hex Cold White

Information about Cold White Color | #0000FF

#edfcfb color RGB value is (237,252,251). #edfcfb color name is Cold White color.

#edfcfb hex color red value is 237 , green value is 252 and the blue value of its RGB is 251 . Cylindrical-coordinate representations (also known as HSL) of color #edfcfb hue: 176 , saturation: 71 and the lightness value of #edfcfb is 96

The process color (four color CMYK) of #edfcfb color hex is 2 , 0 ,0, 0 .

#edfcfb

~Cold White

Color Converions

HEX
#edfcfb
RGB
237,252,251
LAB
98,-5,-1
CMYK
6,0,0,1
LCH
98,5,-166
XYZ
87,95,105
HSV
176,6,99
HSL
176,71,96

Base Numbers

Base Red Green Blue
Binary 11101101 11111100 11111011
Octal 355 374 373
Decimal 237 252 251
Hex ed fc fb

RGB Percentages of Color #edfcfb

93%
99%
98%

CMYK Percentages of Color #edfcfb

2%
0%
0%
0%

Color Variations

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

Shades of #edfcfb

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

10%
#edfcfb
20%
#d5e3e2
30%
#becac9
40%
#a6b0b0
50%
#8e9797
60%
#777e7e
70%
#5f6564
80%
#474c4b
90%
#2f3232
100%
#181919

Tints of #edfcfb

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

10%
#edfcfb
20%
#effcfb
30%
#f1fdfc
40%
#f2fdfc
50%
#f4fdfd
60%
#f6fefd
70%
#f8fefd
80%
#fafefe
90%
#fbfefe
100%
#fdffff

Tones of #edfcfb

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

10%
#edfcfb
20%
#e2f0ef
30%
#d7e3e2
40%
#ccd7d6
50%
#c1caca
60%
#b6bebd
70%
#abb1b1
80%
#a0a5a5
90%
#959898
100%
#8a8c8c

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.
#edfcfb
#edfcf5
#edfcf8
#edfcfb
#edfafc
#edf7fc

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#edfcfb
#efedfc
#fcf5ed

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#edfcfb
#fbedfc
#fcfbed

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.
#edfcfb
#f3edfc
#fcedee
#f5fced

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#edfcfb
#252727
#4d5252
#757c7c
#9da7a6
#c5d1d1

Blindness simulator

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

Normal

#edfcfb

protanopia

#fdf7f8

deuteranopia

#fff7fa

tritanopia

#f6f9ff

achromatopsia

#f9f9f9

protanomaly

#f7f9f9

deuteranomaly

#f8f9fb

achromatopsia

#f9f9f9

tritanomaly

#f3fafe

achromatomaly

#f4fafa

Contrast Checker

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

White background

Poor 1/21
Hello World ! 1

Black background-color

Good 20/21
Hello World !

#edfcfb Color CSS Codes

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

#edfcfb Text Font Color

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

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

#edfcfb Background Color

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

#edfcfb Border Color

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

This div border color is #edfcfb

#edfcfb Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #edfcfb

More Colors

Marron
#6e4c4b
Canoe
#ddc49e
Adobe Straw
#c3a998
Light Youth
#ead7d5
Pink Moment
#ed9aab
Greenday
#99ff00
Ephemera
#6f5965
Masoho Red
#d57c6b
Apple Herb Black
#4b4247
Chamomile Tea
#dac395
Oceanside
#015a6b
Limonite Brown
#4b4433
Gio Ponti Green
#b3ceab
Golden Crested Wren
#ccddbb
Baton
#866f5a
Hog-Maw
#fbe8e4
Pigeon Pink
#9d857f
Flayed One Flesh
#fcfcde
American Pink
#ff9899
Minuet Rose
#b38081
Donnegal
#8caea3
Neon Pink
#fe019a
Poached Egg
#f5d893
Blue Island
#22aaaa
Mouse Trap
#beb1b0
Majestic Mountain
#447788
Gregorio Garden
#cbc8dd
Cocoa Pecan
#967b5d
Creamed Avocado
#70804d
Minimal Grey
#948d99
Double Spanish White
#d2c3a3
Noble Fir
#5a736d
After Dark
#3c3535
Delightful Green
#00ee00
Chinook Salmon
#c8987e
Indigo Ink
#474a4d
Bonsai
#787b54
Gabriel's Torch
#f8e6c6
Enviable
#53983c
Lavender Tonic
#ccbbff
rating-img
Rate this tool
NaN/5   0 votes