Strawberry Dreams Complementary Color Scheme
Five colors arranged by the complementary rule around Strawberry Dreams (#FF88AA), each snapped to its nearest named color.
#FF88AA
#FFE5ED
#88FFDD
#3AFDDB
#E7FAFA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Strawberry Dreams | #FF88AA | 255, 136, 170 | 343°, 100%, 77% | 0, 47, 33, 0 | |
| Early Blossom | #FFE5ED | 255, 229, 237 | 342°, 100%, 95% | 0, 10, 7, 0 | |
| Tibetan Plateau | #88FFDD | 136, 255, 221 | 163°, 100%, 77% | 47, 0, 13, 0 | |
| Lamiaceae | #3AFDDB | 58, 253, 219 | 170°, 98%, 61% | 77, 0, 13, 1 | |
| Calm Waters | #E7FAFA | 231, 250, 250 | 180°, 66%, 94% | 8, 0, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF88AA on #E7FAFA | 2.08:1 | — |
| Aa #FF88AA on #FFE5ED | 1.89:1 | — |
| Aa #FF88AA on #88FFDD | 1.86:1 | — |
| Aa #FF88AA on #3AFDDB | 1.74:1 | — |
| Aa #3AFDDB on #E7FAFA | 1.20:1 | — |
| Aa #88FFDD on #E7FAFA | 1.12:1 | — |
CSS variables
:root {
--color-1: #ff88aa; /* Strawberry Dreams */
--color-2: #ffe5ed; /* Early Blossom */
--color-3: #88ffdd; /* Tibetan Plateau */
--color-4: #3afddb; /* Lamiaceae */
--color-5: #e7fafa; /* Calm Waters */
}Other schemes from Strawberry Dreams
- Strawberry Dreams Analogous Color Scheme#D783FF#F984E5#FF88AA#FFA089#FFDD88
- Strawberry Dreams Triadic Color Scheme#FF88AA#B1FC99#8AADF7#FFE5ED#7FF23E
- Strawberry Dreams Split-complementary Color Scheme#FF88AA#87F8A3#88EEFF#FF3F6A#DDFFDD
- Strawberry Dreams Tetradic Color Scheme#FF88AA#E8F48C#88FFDD#BB88FF#FFE5ED
- Strawberry Dreams Monochromatic Color Scheme#EE0044#FF3F6A#FF88AA#FED3E4#FFE5ED
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Strawberry Dreams?
In a complementary scheme: Early Blossom (#FFE5ED), Tibetan Plateau (#88FFDD), Lamiaceae (#3AFDDB), Calm Waters (#E7FAFA).
What is the hex code of Strawberry Dreams?
#FF88AA.