#dfe6ea Color Hex City Lights

Information about City Lights Color | #0000FF

#dfe6ea color RGB value is (223,230,234). #dfe6ea color name is City Lights color.

#dfe6ea hex color red value is 223 , green value is 230 and the blue value of its RGB is 234 . Cylindrical-coordinate representations (also known as HSL) of color #dfe6ea hue: 202 , saturation: 21 and the lightness value of #dfe6ea is 90

The process color (four color CMYK) of #dfe6ea color hex is 2 , 1 ,0, 3 .

#dfe6ea

~City Lights

Color Converions

HEX
#dfe6ea
RGB
223,230,234
LAB
91,-2,-3
CMYK
5,2,0,8
LCH
91,3,-123
XYZ
74,78,89
HSV
202,5,92
HSL
202,21,90

Base Numbers

Base Red Green Blue
Binary 11011111 11100110 11101010
Octal 337 346 352
Decimal 223 230 234
Hex df e6 ea

RGB Percentages of Color #dfe6ea

87%
90%
92%

CMYK Percentages of Color #dfe6ea

2%
0%
1%
3%

Color Variations

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

Shades of #dfe6ea

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

10%
#dfe6ea
20%
#c9cfd3
30%
#b2b8bb
40%
#9ca1a4
50%
#868a8c
60%
#707375
70%
#595c5e
80%
#434546
90%
#2d2e2f
100%
#161717

Tints of #dfe6ea

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

10%
#dfe6ea
20%
#e2e9ec
30%
#e5ebee
40%
#e9edf0
50%
#ecf0f2
60%
#eff2f5
70%
#f2f5f7
80%
#f5f7f9
90%
#f9fafb
100%
#fcfcfd

Tones of #dfe6ea

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

10%
#dfe6ea
20%
#d5dcdf
30%
#ccd2d5
40%
#c2c7ca
50%
#b9bdbf
60%
#afb3b5
70%
#a6a9aa
80%
#9c9e9f
90%
#939495
100%
#898a8a

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.
#dfe6ea
#dfeaea
#dfe8ea
#dfe6ea
#dfe4ea
#dfe2ea

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#dfe6ea
#e5dfea
#eaeadf

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#dfe6ea
#eadfe6
#e6eadf

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.
#dfe6ea
#e8dfea
#eae3df
#e0eadf

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#dfe6ea
#141515
#3d3f40
#65696a
#8e9295
#b6bcbf

Blindness simulator

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

Normal

#dfe6ea

protanopia

#e7e3e8

deuteranopia

#f7ddec

tritanopia

#e0e3f5

achromatopsia

#e5e5e5

protanomaly

#e4e4e9

deuteranomaly

#eee0eb

achromatopsia

#e5e5e5

tritanomaly

#e0e4f1

achromatomaly

#e3e5e7

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

#dfe6ea Color CSS Codes

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

#dfe6ea Text Font Color

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

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

#dfe6ea Background Color

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

#dfe6ea Border Color

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

This div border color is #dfe6ea

#dfe6ea Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #dfe6ea

More Colors

Deep Space
#3f4143
Indigo Navy Blue
#4c5e87
Carpet Moss
#00aa33
English Rose
#f4c6c3
Mineral Brown
#4d3f33
Aegean Splendor
#9ba0a4
Gully
#777661
Congo Capture
#776959
Caribbean Blue
#1ac1dd
Bread Basket
#ab8659
Beacon Yellow
#f2c98a
Pacific Blue
#1ca9c9
Bastille
#2c2c32
Holiday Camp
#6d9e7a
Irish Linen
#eee4e0
East Side
#aa8cbc
Debian Red
#d70a53
Flat Flesh
#f7d48f
Burnt Crust
#885533
Blue Ballad
#7498bd
Likeable Sand
#d1b7a8
Olm Pink
#ffe6e2
Cadillac Coupe
#c0362c
Frothy Surf
#e7ebe6
Celestine Spring
#24a4c8
Jacaranda
#f9d7ee
Balmy Seas
#b4dcd3
Northern Light Grey
#a7aeb4
Cordova Burgundy
#7c3744
Fiorito
#bfbfaf
Blush Rush
#f0bcbe
Blue Fjord
#628daa
Dwindling Denim
#cce1ee
Budding Leaf
#eef0d7
Cardamom
#aaaa77
Astroturf
#67a159
Phoenix Villa
#f7efde
Bluebonnet
#1c1cf0
Broiled Flounder
#ffdd88
rating-img
Rate this tool
NaN/5   0 votes