No Way Rosé Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around No Way Rosé (#FBAA95), each snapped to its nearest named color.
#FBAA95
#99FFDD
#99BBFF
#FF6E4A
#DFFBF3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| No Way Rosé | #FBAA95 | 251, 170, 149 | 12°, 93%, 78% | 0, 32, 41, 2 | |
| Freezy Wind | #99FFDD | 153, 255, 221 | 160°, 100%, 80% | 40, 0, 13, 0 | |
| Truesky Gloxym | #99BBFF | 153, 187, 255 | 220°, 100%, 80% | 40, 27, 0, 0 | |
| Outrageous Orange | #FF6E4A | 255, 110, 74 | 12°, 100%, 65% | 0, 57, 71, 0 | |
| Mint Condition | #DFFBF3 | 223, 251, 243 | 163°, 78%, 93% | 11, 0, 3, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF6E4A on #DFFBF3 | 2.54:1 | — |
| Aa #99FFDD on #FF6E4A | 2.34:1 | — |
| Aa #99BBFF on #DFFBF3 | 1.76:1 | — |
| Aa #FBAA95 on #DFFBF3 | 1.70:1 | — |
| Aa #99FFDD on #99BBFF | 1.62:1 | — |
| Aa #FBAA95 on #99FFDD | 1.57:1 | — |
CSS variables
:root {
--color-1: #fbaa95; /* No Way Rosé */
--color-2: #99ffdd; /* Freezy Wind */
--color-3: #99bbff; /* Truesky Gloxym */
--color-4: #ff6e4a; /* Outrageous Orange */
--color-5: #dffbf3; /* Mint Condition */
}Other schemes from No Way Rosé
- No Way Rosé Complementary Color Scheme#FBAA95#FDEBE5#99EEFF#4CD5FF#E8F7FD
- No Way Rosé Analogous Color Scheme#FF99EE#FF92AE#FBAA95#FADC97#EEFF99
- No Way Rosé Triadic Color Scheme#FBAA95#90FDA9#BB88FF#FDEBE5#4CFF7B
- No Way Rosé Tetradic Color Scheme#FBAA95#B1FC99#99EEFF#D59CFC#FDEBE5
- No Way Rosé Monochromatic Color Scheme#F43605#FF6E4A#FBAA95#FEE6DC#FDEBE5
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with No Way Rosé?
In a split-complementary scheme: Freezy Wind (#99FFDD), Truesky Gloxym (#99BBFF), Outrageous Orange (#FF6E4A), Mint Condition (#DFFBF3).
What is the hex code of No Way Rosé?
#FBAA95.