Seaside Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Seaside (#66A4B0), each snapped to its nearest named color.
#66A4B0
#AC667B
#B19664
#447788
#CC99AA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Seaside | #66A4B0 | 102, 164, 176 | 190°, 32%, 55% | 42, 7, 0, 31 | 68.1% 0.066 211 | |
| Apple II Rose | #AC667B | 172, 102, 123 | 342°, 30%, 54% | 0, 41, 28, 33 | 59.4% 0.093 1 | |
| Antelope | #B19664 | 177, 150, 100 | 39°, 33%, 54% | 0, 15, 44, 31 | 68.6% 0.074 82 | |
| Majestic Mountain | #447788 | 68, 119, 136 | 195°, 33%, 40% | 50, 12, 0, 47 | 54.0% 0.061 222 | |
| Honey Pink | #CC99AA | 204, 153, 170 | 340°, 33%, 70% | 0, 25, 17, 20 | 73.6% 0.065 357 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #447788 on #CC99AA | 2.05:1 | — |
| Aa #66A4B0 on #447788 | 1.77:1 | — |
| Aa #AC667B on #CC99AA | 1.76:1 | — |
| Aa #B19664 on #447788 | 1.75:1 | — |
| Aa #66A4B0 on #AC667B | 1.52:1 | — |
| Aa #AC667B on #B19664 | 1.50:1 | — |
CSS variables
:root {
--color-1: #66a4b0; /* Seaside */
--color-2: #ac667b; /* Apple II Rose */
--color-3: #b19664; /* Antelope */
--color-4: #447788; /* Majestic Mountain */
--color-5: #cc99aa; /* Honey Pink */
}Other schemes from Seaside
- Seaside Complementary Color Scheme#66A4B0#A5CAD1#AD7065#834F44#D4B3AA
- Seaside Analogous Color Scheme#69B076#62AE9E#66A4B0#6A7FB4#766CB0
- Seaside Triadic Color Scheme#66A4B0#AE6AA1#A9B062#A8CCD5#83477D
- Seaside Tetradic Color Scheme#66A4B0#946DAD#AD7065#7BB369#A8CCD5
- Seaside Monochromatic Color Scheme#264E50#447788#66A4B0#99C1CC#CBE1E4
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 Seaside?
In a split-complementary scheme: Apple II Rose (#AC667B), Antelope (#B19664), Majestic Mountain (#447788), Honey Pink (#CC99AA).
What is the hex code of Seaside?
#66A4B0.