Castaway Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Castaway (#6DBAC0), each snapped to its nearest named color.
#6DBAC0
#C3738D
#C09E6C
#48929B
#D4A1B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Castaway | #6DBAC0 | 109, 186, 192 | 184°, 40%, 59% | 43, 3, 0, 25 | 74.1% 0.077 202 | |
| Prehistoric Pink | #C3738D | 195, 115, 141 | 341°, 40%, 61% | 0, 41, 28, 24 | 65.0% 0.105 360 | |
| Gilded Pear | #C09E6C | 192, 158, 108 | 36°, 40%, 59% | 0, 18, 44, 25 | 71.8% 0.078 77 | |
| Asagi Blue | #48929B | 72, 146, 155 | 187°, 37%, 45% | 54, 6, 0, 39 | 61.6% 0.075 206 | |
| Gizmo | #D4A1B5 | 212, 161, 181 | 336°, 37%, 73% | 0, 24, 15, 17 | 76.2% 0.066 353 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #48929B on #D4A1B5 | 1.63:1 | — |
| Aa #6DBAC0 on #48929B | 1.61:1 | — |
| Aa #C3738D on #D4A1B5 | 1.55:1 | — |
| Aa #6DBAC0 on #C3738D | 1.53:1 | — |
| Aa #C09E6C on #48929B | 1.42:1 | — |
| Aa #C3738D on #C09E6C | 1.36:1 | — |
CSS variables
:root {
--color-1: #6dbac0; /* Castaway */
--color-2: #c3738d; /* Prehistoric Pink */
--color-3: #c09e6c; /* Gilded Pear */
--color-4: #48929b; /* Asagi Blue */
--color-5: #d4a1b5; /* Gizmo */
}Other schemes from Castaway
- Castaway Complementary Color Scheme#6DBAC0#ACD6DB#C06F70#9D4542#DFB7B4
- Castaway Analogous Color Scheme#6BC271#68C89D#6DBAC0#6E8FC0#746CC0
- Castaway Triadic Color Scheme#6DBAC0#CF71AF#B0C175#B7DADD#9B4D93
- Castaway Tetradic Color Scheme#6DBAC0#9470C4#C06F70#8DC36A#B7DADD
- Castaway Monochromatic Color Scheme#2E6469#48929B#6DBAC0#A2D5D3#D8EEED
More medium teal split-complementary color schemes
- Aggressive Aqua Split-complementary Color Scheme#00FBFF#FF007E#FF8400#01B1AF#FE54A3
- Ambrosial Oceanside Split-complementary Color Scheme#47AE9C#AA4488#AF6649#31796D#C677A8
- Aphrodite Aqua Split-complementary Color Scheme#45E9C1#F246A7#EC7042#00CC99#F092D6
- Aqua Split-complementary Color Scheme#0FF0FE#FF1177#FF9613#06B1C4#FF55A3
- Aquamarine Split-complementary Color Scheme#2EE8BB#E936A7#E95E2A#1DB394#FF6EC7
- Aquarius Split-complementary Color Scheme#2DB0CE#CC3366#CD9C2B#1B7D8D#DA6D91
- Arctic Split-complementary Color Scheme#648589#915870#937B56#3A6364#B48395
- Arctic Water Split-complementary Color Scheme#00FCFC#FF007E#FF7E00#01B1AF#FE46A5
- Atlas Cedar Split-complementary Color Scheme#5CA0A7#AD5B78#AA895D#417074#C28BA1
- Blue Bikini Split-complementary Color Scheme#00BBEE#EE0044#EEAA00#007FA2#FF3F6A
- Blue Bobbin Split-complementary Color Scheme#52B4CA#C85179#C5A253#30949D#DC89A8
- Blue Martini Split-complementary Color Scheme#52B4D3#CF5570#CFB352#338DAE#E78EA5
Questions
What colors go with Castaway?
In a split-complementary scheme: Prehistoric Pink (#C3738D), Gilded Pear (#C09E6C), Asagi Blue (#48929B), Gizmo (#D4A1B5).
What is the hex code of Castaway?
#6DBAC0.