Pina Colada Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Pina Colada (#F4DEB3), each snapped to its nearest named color.
#E2A829
#E7C26F
#F4DEB3
#FBF4E8
#FBF4E8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dried Goldenrod | #E2A829 | 226, 168, 41 | 41°, 76%, 52% | 0, 26, 82, 11 | |
| Sun Salutation | #E7C26F | 231, 194, 111 | 41°, 71%, 67% | 0, 16, 52, 9 | |
| Pina Colada | #F4DEB3 | 244, 222, 179 | 40°, 75%, 83% | 0, 9, 27, 4 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 | |
| White Fever | #FBF4E8 | 251, 244, 232 | 38°, 70%, 95% | 0, 3, 8, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E2A829 on #FBF4E8 | 1.95:1 | — |
| Aa #E2A829 on #FBF4E8 | 1.95:1 | — |
| Aa #E2A829 on #F4DEB3 | 1.62:1 | — |
| Aa #E7C26F on #FBF4E8 | 1.56:1 | — |
| Aa #E7C26F on #FBF4E8 | 1.56:1 | — |
| Aa #E7C26F on #F4DEB3 | 1.29:1 | — |
CSS variables
:root {
--color-1: #e2a829; /* Dried Goldenrod */
--color-2: #e7c26f; /* Sun Salutation */
--color-3: #f4deb3; /* Pina Colada */
--color-4: #fbf4e8; /* White Fever */
--color-5: #fbf4e8; /* White Fever */
}Other schemes from Pina Colada
- Pina Colada Complementary Color Scheme#F4DEB3#FBF4E8#ABCDEF#6495ED#E7EFFB
- Pina Colada Analogous Color Scheme#F3B3C5#F4BDB3#F4DEB3#EFEFB2#C7FDB5
- Pina Colada Triadic Color Scheme#F4DEB3#B8F8D8#D8B8F8#FBF4E8#7EF4CC
- Pina Colada Split-complementary Color Scheme#F4DEB3#B8E4F5#B8B8F8#E7C26F#E8F7FD
- Pina Colada Tetradic Color Scheme#F4DEB3#B8F8B8#ABCDEF#FFB3F0#FBF4E8
More Very Light Orange monochromatic palettes
- A Smell of Bakery Monochromatic Color Scheme#D0A664#E2C59C#F3E9D9#F8F4ED#F8F4ED
- Acropolis Monochromatic Color Scheme#E09842#F2BD85#F8E2CA#FBF4E8#FBF4E8
- Air-Kiss Monochromatic Color Scheme#DD7755#E9AA91#F6DCD2#FAEFE9#FAEFE9
- Albescent Monochromatic Color Scheme#A8946B#C2B79A#E1DACB#F6F4EF#F6F4EF
- Almond Monochromatic Color Scheme#CA9456#D8B98C#EDDCC8#F8F4ED#F8F4ED
- Almond Brittle Monochromatic Color Scheme#B88B46#D0B082#E5D3B9#F8F4ED#F8F4ED
- Alpaca Monochromatic Color Scheme#D99E66#EEC7A2#F9EDE2#F8F1EB#F8F1EB
- Ancient Scroll Monochromatic Color Scheme#C6A05E#DAC395#F0E4D1#F8F4ED#F8F4ED
- Angel Wing Monochromatic Color Scheme#D08363#E4B197#F3DFD7#FAEFE9#FAEFE9
- Angelic White Monochromatic Color Scheme#C9A375#DCC9AE#F4EDE4#F8F4ED#F8F4ED
- Apricot Freeze Monochromatic Color Scheme#DD7733#E8A773#F3CFB7#FAEFE9#FAEFE9
- Apricot Sherbet Monochromatic Color Scheme#F2850D#F7A454#FBCD9F#FFF1E8#FFF1E8
Questions
What colors go with Pina Colada?
In a monochromatic scheme: Dried Goldenrod (#E2A829), Sun Salutation (#E7C26F), White Fever (#FBF4E8), White Fever (#FBF4E8).
What is the hex code of Pina Colada?
#F4DEB3.