Beach View Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Beach View (#4F7694), each snapped to its nearest named color.
#4F7694
#954C52
#948F54
#324C61
#B7757C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beach View | #4F7694 | 79, 118, 148 | 206°, 30%, 45% | 47, 20, 0, 42 | |
| Crantini | #954C52 | 149, 76, 82 | 355°, 32%, 44% | 0, 49, 45, 42 | |
| Amazon Queen | #948F54 | 148, 143, 84 | 55°, 28%, 45% | 0, 3, 43, 42 | |
| Blue Fedora | #324C61 | 50, 76, 97 | 207°, 32%, 29% | 48, 22, 0, 62 | |
| Precious Garnet | #B7757C | 183, 117, 124 | 354°, 31%, 59% | 0, 36, 32, 28 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #948F54 on #324C61 | 2.70:1 | — |
| Aa #324C61 on #B7757C | 2.50:1 | — |
| Aa #4F7694 on #324C61 | 1.86:1 | — |
| Aa #954C52 on #948F54 | 1.84:1 | — |
| Aa #954C52 on #B7757C | 1.70:1 | — |
| Aa #954C52 on #324C61 | 1.47:1 | — |
CSS variables
:root {
--color-1: #4f7694; /* Beach View */
--color-2: #954c52; /* Crantini */
--color-3: #948f54; /* Amazon Queen */
--color-4: #324c61; /* Blue Fedora */
--color-5: #b7757c; /* Precious Garnet */
}Other schemes from Beach View
- Beach View Complementary Color Scheme#4F7694#83A2BD#936B4F#654636#C1A188
- Beach View Analogous Color Scheme#548F6F#4F938F#4F7694#4C5692#734F96
- Beach View Triadic Color Scheme#4F7694#914E75#749551#88AAC4#65344E
- Beach View Tetradic Color Scheme#4F7694#8B4F90#936B4F#538F4E#88AAC4
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
More Medium Blue split-complementary palettes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
- Bluebell Split-complementary Color Scheme#333399#996633#629A31#222266#C08950
Questions
What colors go with Beach View?
In a split-complementary scheme: Crantini (#954C52), Amazon Queen (#948F54), Blue Fedora (#324C61), Precious Garnet (#B7757C).
What is the hex code of Beach View?
#4F7694.