Beauty and the Beach Analogous Color Scheme
Five colors arranged by the analogous rule around Beauty and the Beach (#C99680), each snapped to its nearest named color.
#CA83A7
#C88088
#C99680
#C6BB81
#B8CC82
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Moonlight Mauve | #CA83A7 | 202, 131, 167 | 330°, 40%, 65% | 0, 35, 17, 21 | |
| Fake Crush | #C88088 | 200, 128, 136 | 353°, 40%, 64% | 0, 36, 32, 22 | |
| Beauty and the Beach | #C99680 | 201, 150, 128 | 18°, 40%, 65% | 0, 25, 36, 21 | |
| Frozen Marguerita | #C6BB81 | 198, 187, 129 | 50°, 38%, 64% | 0, 6, 35, 22 | |
| Nurgling Green | #B8CC82 | 184, 204, 130 | 76°, 42%, 65% | 10, 0, 36, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C88088 on #B8CC82 | 1.74:1 | — |
| Aa #CA83A7 on #B8CC82 | 1.64:1 | — |
| Aa #C88088 on #C6BB81 | 1.57:1 | — |
| Aa #CA83A7 on #C6BB81 | 1.48:1 | — |
| Aa #C99680 on #B8CC82 | 1.47:1 | — |
| Aa #C99680 on #C6BB81 | 1.33:1 | — |
CSS variables
:root {
--color-1: #ca83a7; /* Moonlight Mauve */
--color-2: #c88088; /* Fake Crush */
--color-3: #c99680; /* Beauty and the Beach */
--color-4: #c6bb81; /* Frozen Marguerita */
--color-5: #b8cc82; /* Nurgling Green */
}Other schemes from Beauty and the Beach
- Beauty and the Beach Complementary Color Scheme#C99680#E3CBC0#87B2C9#4B8EB0#C7DFE6
- Beauty and the Beach Triadic Color Scheme#C99680#86C994#9085C4#E7D2C8#4FAA6C
- Beauty and the Beach Split-complementary Color Scheme#C99680#82CBB2#8491C3#B46A4D#B4E1D8
- Beauty and the Beach Tetradic Color Scheme#C99680#8CCE86#87B2C9#B48AC2#E7D2C8
- Beauty and the Beach Monochromatic Color Scheme#7C4A33#B46A4D#C99680#E1C1B9#F6F0EB
More Light Orange analogous palettes
- 24 Karat Analogous Color Scheme#DB899E#DF9B81#DFC685#C9DC87#9ED686
- 3AM Latte Analogous Color Scheme#C28BA1#C39191#C0A98E#BAC08A#A4C08A
- Ancestral Gold Analogous Color Scheme#DFA3BA#DDB1A8#DDCDA6#D5DCA9#B8DCA7
- Angry Pasta Analogous Color Scheme#FB5581#FF7855#FFCC55#DDFF55#9CEF43
- Anise Biscotti Analogous Color Scheme#E5ABBE#E8B9AE#E5D5AE#DDE7AE#BFE5B1
- Another One Bites the Dust Analogous Color Scheme#C4A1AF#C8A6A1#C7BBA4#C3C6A4#B5C7A4
- Apricot Analogous Color Scheme#FF6CB5#F97272#FFB16D#FFFE71#BEFD73
- Apricotta Analogous Color Scheme#DA93C1#D68F9F#D8A48F#DAC98E#C3DB8D
- Artisans Gold Analogous Color Scheme#F7468A#F7504A#F2AB46#EEEE44#9CEF43
- Ashes to Ashes Analogous Color Scheme#C19AA5#C6A499#BBB3A2#BBC199#A7C297
- Atomic Tangerine Analogous Color Scheme#FF66CC#FC6C85#FF9966#FFE464#D4FB79
- Attic Linen Analogous Color Scheme#CAA7BB#CBACAB#CCBCA9#CCCAA8#BACCA8
Questions
What colors go with Beauty and the Beach?
In a analogous scheme: Moonlight Mauve (#CA83A7), Fake Crush (#C88088), Frozen Marguerita (#C6BB81), Nurgling Green (#B8CC82).
What is the hex code of Beauty and the Beach?
#C99680.