#f4dcdc Color Hex Light Nursery

Information about Light Nursery Color | #0000FF

#f4dcdc color RGB value is (244,220,220). #f4dcdc color name is Light Nursery color.

#f4dcdc hex color red value is 244 , green value is 220 and the blue value of its RGB is 220 . Cylindrical-coordinate representations (also known as HSL) of color #f4dcdc hue: 0 , saturation: 52 and the lightness value of #f4dcdc is 91

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

#f4dcdc

~Light Nursery

Color Converions

HEX
#f4dcdc
RGB
244,220,220
LAB
90,9,3
CMYK
0,10,10,4
LCH
90,9,20
XYZ
76,76,78
HSV
0,10,96
HSL
0,52,91

Base Numbers

Base Red Green Blue
Binary 11110100 11011100 11011100
Octal 364 334 334
Decimal 244 220 220
Hex f4 dc dc

RGB Percentages of Color #f4dcdc

96%
86%
86%

CMYK Percentages of Color #f4dcdc

0%
4%
4%
2%

Color Variations

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

Shades of #f4dcdc

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

10%
#f4dcdc
20%
#dcc6c6
30%
#c3b0b0
40%
#ab9a9a
50%
#928484
60%
#7a6e6e
70%
#625858
80%
#494242
90%
#312c2c
100%
#181616

Tints of #f4dcdc

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

10%
#f4dcdc
20%
#f5e0e0
30%
#f6e3e3
40%
#f7e6e6
50%
#f8eaea
60%
#f9eded
70%
#fbf1f1
80%
#fcf4f4
90%
#fdf8f8
100%
#fefbfb

Tones of #f4dcdc

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

10%
#f4dcdc
20%
#e8d3d3
30%
#ddcaca
40%
#d1c0c0
50%
#c5b7b7
60%
#baaeae
70%
#aea5a5
80%
#a29b9b
90%
#979292
100%
#8b8989

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.
#f4dcdc
#f4dce6
#f4dce1
#f4dcdc
#f4e1dc
#f4e6dc

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#f4dcdc
#eff4dc
#dce6f4

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#f4dcdc
#dcf4dc
#dcdcf4

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.
#f4dcdc
#e8f4dc
#dcf4f4
#e8dcf4

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#f4dcdc
#1f1c1c
#4a4343
#746969
#9f8f8f
#c9b6b6

Blindness simulator

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

Normal

#f4dcdc

protanopia

#e5dfdd

deuteranopia

#f9d9dc

tritanopia

#f6d9e9

achromatopsia

#e1e1e1

protanomaly

#ebdedd

deuteranomaly

#f7dadc

achromatopsia

#e1e1e1

tritanomaly

#f5dae5

achromatomaly

#e8dfdf

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

#f4dcdc Color CSS Codes

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

#f4dcdc Text Font Color

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

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

#f4dcdc Background Color

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

#f4dcdc Border Color

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

This div border color is #f4dcdc

#f4dcdc Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #f4dcdc

More Colors

Orchid Petal
#bfb4cb
Café Noir
#4b3621
Moth Mist
#edebde
Iridescent Peacock
#00707d
On the Rocks
#d0cec8
Golden Thistle Yellow
#caa375
Aquamarine Ocean
#82cdad
Ballyhoo
#58a83b
Foxglove
#b98391
Middle Green
#4d8c57
Phosphorescent Blue
#11eeee
Flickering Sea
#5566ee
Liquid Lime
#cdf80c
Auburn Glaze
#b58271
1989 Miami Hotline
#dd3366
Blaze
#fa8c4f
Indian Princess
#da846d
Monaco Blue
#274374
Cote D'Azur
#017c85
Button Mushroom
#ece6c8
Frosty Nightfall
#9497b3
Dark Galaxy
#0018a8
Labyrinth Walk
#c9a487
Anchor Point
#435d8b
Mahogany Spice
#5b4646
Green Room
#80aea4
Mountain Ash
#cc7700
Mughal Green
#448800
Cool Waters
#487678
Midas Finger Gold
#f6b404
Movie Magic
#b2bfd5
Ivory Lace
#ece2cc
Marine Tinge
#33a3b3
Gédéon Brown
#7f4c00
Hunter Green
#0b4008
Lovely Linen
#dbceac
Cuticle Pink
#e3a49a
Green Gas
#00ff99
Colossus
#625c91
Old Gold
#cfb53b
rating-img
Rate this tool
NaN/5   0 votes