#ddffff Color Hex Apollo's White

Information about Apollo's White Color | #0000FF

#ddffff color RGB value is (221,255,255). #ddffff color name is Apollo's White color.

#ddffff hex color red value is 221 , green value is 255 and the blue value of its RGB is 255 . Cylindrical-coordinate representations (also known as HSL) of color #ddffff hue: 180 , saturation: 100 and the lightness value of #ddffff is 93

The process color (four color CMYK) of #ddffff color hex is 5 , 0 ,0, 0 .

#ddffff

~Apollo's White

Color Converions

HEX
#ddffff
RGB
221,255,255
LAB
98,-11,-4
CMYK
13,0,0,0
LCH
98,12,-161
XYZ
84,94,108
HSV
180,13,100
HSL
180,100,93

Base Numbers

Base Red Green Blue
Binary 11011101 11111111 11111111
Octal 335 377 377
Decimal 221 255 255
Hex dd ff ff

RGB Percentages of Color #ddffff

87%
100%
100%

CMYK Percentages of Color #ddffff

5%
0%
0%
0%

Color Variations

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

Shades of #ddffff

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

10%
#ddffff
20%
#c7e6e6
30%
#b1cccc
40%
#9bb3b3
50%
#859999
60%
#6f8080
70%
#586666
80%
#424d4d
90%
#2c3333
100%
#161a1a

Tints of #ddffff

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

10%
#ddffff
20%
#e0ffff
30%
#e4ffff
40%
#e7ffff
50%
#ebffff
60%
#eeffff
70%
#f1ffff
80%
#f5ffff
90%
#f8ffff
100%
#fcffff

Tones of #ddffff

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

10%
#ddffff
20%
#d4f2f2
30%
#cae5e5
40%
#c1d9d9
50%
#b8cccc
60%
#aebfbf
70%
#a5b2b2
80%
#9ca6a6
90%
#929999
100%
#898c8c

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.
#ddffff
#ddfff1
#ddfff8
#ddffff
#ddf8ff
#ddf1ff

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ddffff
#e4ddff
#fff1dd

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ddffff
#ffddff
#ffffdd

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.
#ddffff
#eeddff
#ffdddd
#eeffdd

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ddffff
#252a2a
#4a5555
#6f8080
#93aaaa
#b8d4d4

Blindness simulator

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

Normal

#ddffff

protanopia

#fcf7fb

deuteranopia

#fff6fc

tritanopia

#f2f9ff

achromatopsia

#f8f8f8

protanomaly

#f1fafc

deuteranomaly

#f3f9fd

achromatopsia

#f8f8f8

tritanomaly

#eafbff

achromatomaly

#eefafa

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 !

#ddffff Color CSS Codes

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

#ddffff Text Font Color

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

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

#ddffff Background Color

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

#ddffff Border Color

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

This div border color is #ddffff

#ddffff Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #ddffff

More Colors

Ardósia
#232f2c
Cuban Rhythm
#9b555d
Castor Grey
#646762
Alpine Blue
#dbe4e5
Pink Shimmer
#fde0da
Bright Gold
#cf9f52
Distilled Watermelon
#ede3e0
Deep Daichi Black
#322d2d
Polite White
#e9ddd4
New Age Blue
#496ead
Foggy Love
#d5c7e8
Corn Snake
#ab6134
February Frost
#e0dee3
Flattery
#6b4424
Pineal Pink
#786d72
Breathe
#d1d2b8
Dancing Mist
#bfc8d8
Jet Black
#2d2c2f
Flame Orange
#fb8b23
Frontier Fort
#c3b19f
Calypso Berry
#c53a4b
Arizona Tan
#e5bc82
Peach Scone
#ffbcbc
Ginger
#b06500
Lavender Magenta
#ee82ed
Orange Shimmer
#e2d6bd
Gladiator Leather
#a95c3e
Champagne Bliss
#f0e1c5
Eternal White
#faf3dc
Orbital Kingdom
#220088
Grass Sands
#a1afa0
Digital Violets
#aa00ff
Chrome Yellow
#ffa700
Amaretto Sour
#c09856
Black Dragon's Cauldron
#545562
Mom's Love
#ffd4bb
Lemon Peel
#ffed80
Certain Peach
#f2bda2
Blue Martina
#1fcecb
Necrophilic Brown
#dead69
rating-img
Rate this tool
NaN/5   0 votes