Stellar Strawberry Complementary Color Scheme
Five colors arranged by the complementary rule around Stellar Strawberry (#FF5C8D), each snapped to its nearest named color.
#FF5C8D
#FFB7CE
#55FFCC
#11FFBB
#C0FFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stellar Strawberry | #FF5C8D | 255, 92, 141 | 342°, 100%, 68% | 0, 64, 45, 0 | |
| Baby Pink | #FFB7CE | 255, 183, 206 | 341°, 100%, 86% | 0, 28, 19, 0 | |
| Rare Wind | #55FFCC | 85, 255, 204 | 162°, 100%, 67% | 67, 0, 20, 0 | |
| Night Pearl | #11FFBB | 17, 255, 187 | 163°, 100%, 53% | 93, 0, 27, 0 | |
| Arabica Mint | #C0FFEE | 192, 255, 238 | 164°, 100%, 88% | 25, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF5C8D on #C0FFEE | 2.62:1 | — |
| Aa #FF5C8D on #55FFCC | 2.31:1 | — |
| Aa #FF5C8D on #11FFBB | 2.24:1 | — |
| Aa #FF5C8D on #FFB7CE | 1.80:1 | — |
| Aa #FFB7CE on #C0FFEE | 1.45:1 | — |
| Aa #FFB7CE on #55FFCC | 1.28:1 | — |
CSS variables
:root {
--color-1: #ff5c8d; /* Stellar Strawberry */
--color-2: #ffb7ce; /* Baby Pink */
--color-3: #55ffcc; /* Rare Wind */
--color-4: #11ffbb; /* Night Pearl */
--color-5: #c0ffee; /* Arabica Mint */
}Other schemes from Stellar Strawberry
- Stellar Strawberry Analogous Color Scheme#C95EFB#FE4EDA#FF5C8D#FF775E#FECE5A
- Stellar Strawberry Triadic Color Scheme#FF5C8D#80E45F#5588FF#FFC5D5#55FF11
- Stellar Strawberry Split-complementary Color Scheme#FF5C8D#4CFF7B#55DDFF#FF1155#A7FFB5
- Stellar Strawberry Tetradic Color Scheme#FF5C8D#DDFF55#55FFCC#7755FF#FFC5D5
- Stellar Strawberry Monochromatic Color Scheme#C40233#FF1155#FF5C8D#FFAEC1#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 Stellar Strawberry?
In a complementary scheme: Baby Pink (#FFB7CE), Rare Wind (#55FFCC), Night Pearl (#11FFBB), Arabica Mint (#C0FFEE).
What is the hex code of Stellar Strawberry?
#FF5C8D.