#ff99dd Color Hex Pink Condition

Information about Pink Condition Color | #0000FF

#ff99dd color RGB value is (255,153,221). #ff99dd color name is Pink Condition color.

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

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

#ff99dd

~Pink Condition

Color Converions

HEX
#ff99dd
RGB
255,153,221
LAB
76,46,-18
CMYK
0,40,13,0
LCH
76,49,-21
XYZ
66,49,74
HSV
320,40,100
HSL
320,100,80

Base Numbers

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

RGB Percentages of Color #ff99dd

100%
60%
87%

CMYK Percentages of Color #ff99dd

0%
5%
16%
0%

Color Variations

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

Shades of #ff99dd

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

10%
#ff99dd
20%
#e68ac7
30%
#cc7ab1
40%
#b36b9b
50%
#995c85
60%
#804d6f
70%
#663d58
80%
#4d2e42
90%
#331f2c
100%
#1a0f16

Tints of #ff99dd

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

10%
#ff99dd
20%
#ffa3e0
30%
#ffade4
40%
#ffb8e7
50%
#ffc2eb
60%
#ffccee
70%
#ffd6f1
80%
#ffe0f5
90%
#ffebf8
100%
#fff5fc

Tones of #ff99dd

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

10%
#ff99dd
20%
#f296d4
30%
#e594ca
40%
#d991c1
50%
#cc8fb8
60%
#bf8cae
70%
#b28aa5
80%
#a6879c
90%
#998592
100%
#8c8289

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.
#ff99dd
#f899ff
#ff99f1
#ff99dd
#ff99c9
#ff99b4

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#ff99dd
#ffcf99
#99fff8

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#ff99dd
#ddff99
#99ddff

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.
#ff99dd
#ffee99
#99ffbb
#99aaff

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#ff99dd
#2a1925
#55334a
#804d6f
#aa6693
#d47fb8

Blindness simulator

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

Normal

#ff99dd

protanopia

#a9b7f0

deuteranopia

#beb4d4

tritanopia

#f9a1ad

achromatopsia

#b4b4b4

protanomaly

#c8ace9

deuteranomaly

#d6aad7

achromatopsia

#b4b4b4

tritanomaly

#fb9ebf

achromatomaly

#cfaac3

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 !

#ff99dd Color CSS Codes

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

#ff99dd Text Font Color

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

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

#ff99dd Background Color

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

#ff99dd Border Color

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

This div border color is #ff99dd

#ff99dd Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #ff99dd

More Colors

Grand Grape
#645764
Legendary Lavender
#9d61d4
Limpet Shell
#98ddde
Hazel Gaze
#b8bfb1
Fuchsia Tint
#c255c1
Leap of Faith
#c4d3e3
Lucent Yellow
#e4d0a5
Blue Highlight
#324a8b
Chanticleer
#870000
Burnt Coral
#e9897e
Crushed Grape
#7a547f
Arctic Grey
#bbccdd
Classic Brown
#6a493d
Dark Red Brown
#4a2125
Elm Brown Red
#b25b09
Antique White
#ece6d5
Ambit
#97653f
Dark Blue
#305679
Light Hog Bristle
#e5ddcb
Atrium White
#f1eee4
Electrify
#5665a0
Easter Egg
#919bc9
Go Go Green
#008a7d
Golden Gun
#dddd00
Metal Gear
#a2c3db
Bonsai
#787b54
Juice Violet
#442238
Designer Pink
#e1bcd8
Berry Wine
#624d55
Beatrice
#bebad9
Pink Poison
#ff007e
Noble Knight
#394d78
Foggy Mist
#c8d1cc
Greenivorous
#cae03b
Berry Brown
#544f4c
Lighthearted
#f7e0e1
Metal
#babfbc
Faded Violet
#ddbedd
Alarm
#ec0003
Old Mauve
#673147
rating-img
Rate this tool
NaN/5   0 votes