Castaway Beach Triadic Color Scheme
Five colors arranged by the triadic rule around Castaway Beach (#D0C19F), each snapped to its nearest named color.
#D0C19F
#96D1C3
#C49BD4
#F2EDE3
#6CBBA0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Castaway Beach | #D0C19F | 208, 193, 159 | 42°, 34%, 72% | 0, 7, 24, 18 | 81.5% 0.049 87 | |
| Opal Turquoise | #96D1C3 | 150, 209, 195 | 166°, 39%, 70% | 28, 0, 7, 18 | 81.6% 0.064 178 | |
| Mauve Mist | #C49BD4 | 196, 155, 212 | 283°, 40%, 72% | 8, 27, 0, 17 | 74.6% 0.092 316 | |
| Flurries | #F2EDE3 | 242, 237, 227 | 40°, 37%, 92% | 0, 2, 6, 5 | 94.7% 0.014 85 | |
| Mint Cold Green | #6CBBA0 | 108, 187, 160 | 159°, 37%, 58% | 42, 0, 14, 27 | 73.3% 0.088 170 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C49BD4 on #F2EDE3 | 2.00:1 | — |
| Aa #F2EDE3 on #6CBBA0 | 1.95:1 | — |
| Aa #D0C19F on #F2EDE3 | 1.52:1 | — |
| Aa #96D1C3 on #F2EDE3 | 1.47:1 | — |
| Aa #96D1C3 on #C49BD4 | 1.36:1 | — |
| Aa #96D1C3 on #6CBBA0 | 1.32:1 | — |
CSS variables
:root {
--color-1: #d0c19f; /* Castaway Beach */
--color-2: #96d1c3; /* Opal Turquoise */
--color-3: #c49bd4; /* Mauve Mist */
--color-4: #f2ede3; /* Flurries */
--color-5: #6cbba0; /* Mint Cold Green */
}Other schemes from Castaway Beach
- Castaway Beach Complementary Color Scheme#D0C19F#EDE9DD#9BAFD0#6D86B6#E5E8F2
- Castaway Beach Analogous Color Scheme#CF9FA9#D1A79C#D0C19F#C8CC9E#A8D19E
- Castaway Beach Split-complementary Color Scheme#D0C19F#9FC5CC#A99FCF#BBA46D#D2E6E8
- Castaway Beach Tetradic Color Scheme#D0C19F#9DD3A8#9BAFD0#CC9DC6#F2EDE3
- Castaway Beach Monochromatic Color Scheme#917747#BBA46D#D0C19F#E9E2D3#F8F4ED
More light orange triadic color schemes
- 24 Karat Triadic Color Scheme#DFC685#88DDCC#CC88DD#F4ECD7#45CEA2
- 3AM Latte Triadic Color Scheme#C0A98E#8DC2A8#A590C0#E4DBCE#5EAB81
- Ancestral Gold Triadic Color Scheme#DDCDA6#AADCCD#CDA5DF#F7F5ED#6EC2B0
- Angry Pasta Triadic Color Scheme#FFCC55#55FFCC#CC55FF#FDEBBC#00FFBB
- Anise Biscotti Triadic Color Scheme#E5D5AE#AFE3D6#D6B7E2#F7F5EC#78D1B6
- Another One Bites the Dust Triadic Color Scheme#C7BBA4#A0C4BE#B8A4C8#EEEAE2#75AA94
- Apricot Triadic Color Scheme#FFB16D#6BFFB3#B36FF6#FFE7D5#20F986
- Apricotta Triadic Color Scheme#D8A48F#8CD9A1#AA8ED6#F3E0DB#54C571
- Artisans Gold Triadic Color Scheme#F2AB46#53FCA1#AB46EC#FAD6A5#19CC89
- Ashes to Ashes Triadic Color Scheme#BBB3A2#9BC2B4#B598C3#EAE4DA#6DA493
- Atomic Tangerine Triadic Color Scheme#FF9966#64E986#8866FF#FFDDCC#1EF876
- Attic Linen Triadic Color Scheme#CCBCA9#AACCBB#BCACCD#F1EEE8#7DAF94
Questions
What colors go with Castaway Beach?
In a triadic scheme: Opal Turquoise (#96D1C3), Mauve Mist (#C49BD4), Flurries (#F2EDE3), Mint Cold Green (#6CBBA0).
What is the hex code of Castaway Beach?
#D0C19F.