Another tool for checking colour contrast. This is a desktop application (Mac and Windows), and it may be more convenient for some to use.
This text is placeholder text to give you an idea of how this color looks when used as a font color on a white background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
This text is placeholder text to give you an idea of how this color looks when used as a font color on a black background. The following sentence uses every English character: The quick brown fox jumps over the lazy dog. 0123456789 Bold text. Italic text. With Underline.
HTML using color code example
Your text here
CSS code example
- All CSS and HTML color and color code questions.
Lighter colors
#DB6F91
#E5799B
#EF83A5
#F98DAF
#FF97B9
#FFA1C3
#FFABCD
#FFB5D7
#C75B7D
#BD5173
#B34769
#A93D5F
#9F3355
#95294B
#8B1F41
#811537
#D16475
#D16664
#D17864
#D18A64
#D19D64
#D1AF64
#D1C164
#CFD164
#D16587
#87D164
#6487D1
The following table is a list of other colors containing the keyword “pink" or "purple” in the color name. This table can give you other ideas for shades of pink" or "purple.
Code | Color |
---|---|
#728FCE | Light Purple Blue |
#F89880 | Pink Orange |
#FF8674 | Salmon Pink |
#F98B88 | Peach Pink |
#E77471 | Pink Coral |
#550A35 | Purple Lily |
#810541 | Purple Maroon |
#7F525D | Dull Purple |
#B38481 | Rosy Pink |
#C48793 | Lipstick Pink |
#CC7A8B | Dusky Pink |
#C48189 | Pink Brown |
#D58A94 | Dusty Pink |
#E799A3 | Pink Daisy |
#C4AEAD | Silver Pink |
#E6C7C2 | Gold Pink |
#FDD7E4 | Pig Pink |
#F2D4D7 | Pale Pink |
#FFDFDD | Pink Bubble Gum |
#F6C6BD | Warm Pink |
#FFC0CB | Pink (W3C) |
#FFB6C1 | LightPink (W3C) |
#FFB8BF | Soft Pink |
#FFB2D0 | Powder Pink |
#FAAFBE | Donut Pink |
#FAAFBA | Baby Pink |
#F9A7B0 | Flamingo Pink |
#FEA3AA | Pastel Pink |
#E7A1B0 | Rose Pink or Pink Rose |
#E38AAE | Cadillac Pink |
#F778A1 | Carnation Pink |
#C25A7C | Tulip Pink |
#C25283 | Bashful Pink |
#E75480 | Dark Pink |
#F660AB | Dark Hot Pink |
#FF69B4 | HotPink (W3C) |
#FC6C85 | Watermelon Pink |
#F52887 | Hot Deep Pink |
#FF007F | Bright Pink |
#FF1493 | DeepPink (W3C) |
#F535AA | Neon Pink |
#FF33AA | Chrome Pink |
#FD349C | Neon Hot Pink |
#E45E9D | Pink Cupcake |
#E759AC | Royal Pink |
#DA1884 | Barbie Pink |
#E4287C | Pink Lemonade |
#FA2A55 | Red Pink |
#C12869 | Rogue Pink |
#C12267 | Burnt Pink |
#CA226B | Pink Violet |
#CC338B | Magenta Pink |
#C12283 | Dark Carnation Pink |
#B3446C | Raspberry Purple |
#B93B8F | Pink Plum |
#FF77FF | Fuchsia Pink |
#F433FF | Bright Neon Pink |
#E238EC | Crimson Purple |
#D462FF | Heliotrope Purple |
#C45AEC | Tyrian Purple |
#A74AC7 | Purple Flower |
#B048B5 | Orchid Purple |
#7E587E | Viola Purple |
#583759 | Plum Purple |
#4E5180 | Purple Navy |
#7575CF | Periwinkle Purple |
#6A0DAD | Bright Purple |
#6C2DC7 | Purple Amethyst |
#4E387E | Purple Haze |
#571B7E | Purple Iris |
#4B0150 | Dark Purple |
#36013F | Deep Purple |
#2E1A47 | Midnight Purple |
#461B7E | Purple Monster |
#663399 | RebeccaPurple (W3C) |
#6A287E | Purple Jam |
#800080 | Purple (W3C) |
#8D38C9 | Purple Violet |
#A23BEC | Jasmine Purple |
#B041FF | Purple Daffodil |
#7A5DC7 | Purple Sage Bush |
#7F38EC | Lovely Purple |
#9D00FF | Neon Purple |
#8E35EF | Purple Plum |
#893BFF | Aztech Purple |
#9370DB | MediumPurple (W3C) |
#8467D7 | Light Purple |
#9172EC | Crocus Purple |
#9E7BFF | Purple Mimosa |
#967BB6 | Lavender Purple |
#B09FCA | Rose Purple |
#C38EC7 | Purple Dragon |
#E6A9EC | Blush Pink |
#F2A2E8 | Pastel Purple |
#F9B7FF | Blossom Pink |
#C6AEC7 | Wisteria Purple |
#D2B9D3 | Purple Thistle |
#DFD3E3 | Purple White |
#E9CFEC | Periwinkle Pink |
Enter any HTML color code into our search to get results like this page.
Web content accessibility
Earlier this year a new regulation for universal design of information and communication technology (ICT) solutions took affect in Norway. This means that all new web sites and self-service machines should follow a set of guidelines to create solutions that can be used by as many as possible. All existing solutions have to be updated by 1st of January 2021. One of the requirements in the guidelines describes the use of colour, while another stresses the importance of contrast.
Simply explained, colour is light interacting with our eyes. Light is made from electromagnetic waves, which travels in different wave lengths. When light hits objects some wave lengths get absorbed and some reflected. The reflected waves appear to our eyes as different colours.
In the context of design, colour plays a major role. When choosing colours it is important to understand how they will work together in their final environment. A metro map is a good example of this. A purple line and midnight-blue line on the same map could easily be mixed up and frustrate travellers. A simple solution could be to add different patterns to the lines so they easier can be differentiated. This problem applies to the digital media too. A coloured web link in the body text is more obvious and visible if we add an underline. To indicate an action or communicate a message effectively, colour should not be the only visual element.
Something to think about:
- Colours convey meaning. However, be skeptical to the “pop psychology facts” about colour; is purple really creative and blue trustworthy? And what if you are colour blind?
- Any colour can grab our attention, it all depends on context! A green button may be more visible than a red button if everything else around is in red, and vice versa.
- Abstract associations, as well as personal context and past experiences, can evoke emotions when exposed to certain colours.
- Colours look pretty!
Colour blindness
Not everyone perceive colour the same way. About 8% men and 0.5% women are colour blind, meaning they have limited ability to distinguish between some colours.
There are three main types of colour blindness:
- Anomalous trichromacy – malfunctional cone (red, green or blue)
- Dichromacy – missing cone (red, green or blue)
- Monochromacy – greyscale
The human eye has three colour-cones; red, green and blue. When one cone is malfunctional or missing, the eye will perceive colours differently. In rare cases more than one cone can be malfunctional or missing.
Red-green colour blindness is a generic term for all forms of red and green colour vision deficiency. Most colour blind people are either red-blind or green-blind (or blue-blind). That said, being red-blind does not mean that red is the only colour they can not see, the whole colour spectrum is affected. Red is part of many other colours, like orange, purple, pink and brown. These colours may look different too. Red-blind and green-blind people are usually confused by the same colours, typically red, orange, yellow, green and brown. However, not all red and greens are impossible to distinguish, and there are different levels of colour blindness. Usually, red-blue and yellow-blue colour combinations are safe to use, with a few exceptions for those with monochromatic colour blindness.
I’ve created a visualisation of the different types of colour blindness, see image below.
Please note: I could not find a verified source of statistics, so the percentages below are approximate (based on various web sites).
Contrast
Colour combinations are important to create satisfied contrast. Not only colour blind are affected, but also people with low vision. The third group, which is easy to overlook, is everyone else using screens. The environment and context play a huge role. I am sure most of us have been using mobile devices out in the sun, or been annoyed of reflections on the computer screens. Designing for all does not only include people with disabilities, but it creates a better experience for everyone.
Before going live with a new screen-based design, there are a few things you can do to make sure it is readable for as many as possible:
- Create a greyscale version to check contrast
- Simulate the colour blind experience by using different tools (see TOOLS below for examples)
- Test on a variety of devices and in different environments
- Do some usability testing
Categories
Have questions about your bulbs or flowers?
15867 Beaver Marsh Rd, Mount Vernon, WA 98273
Copyright Tulips.com 2020, Retail Division of Washington Bulb Co.
Fresh cut flowers are only half of what we do at Tulips.com. We also have a great selection of tulip bulbs, daffodil bulbs, hyacinth bulbs, and other specialty flower bulbs for spring blooming. Customers can place bulb orders from February to December for the biggest and best flower bulbs available anywhere – including Holland. The mild maritime climate of the Skagit Valley allows our bulbs an extended growing season to mature and grow to larger sizes – growth that is supplemented by the rich topsoil of the valley. Need proof? Check out the blooms that the Tulips.com bulbs produce at our RoozenGaarde display garden. After our fields of flowers have been topped, the bulbs are allowed to mature and multiply, and are then harvested. Tulips.com then selects the largest bulbs from each year’s crop so you can grow the same beautiful tulips and daffodils in your own home gardens.