Beach View Tetradic Color Scheme
Five colors arranged by the tetradic rule around Beach View (#4F7694), each snapped to its nearest named color.
#4F7694
#8B4F90
#936B4F
#538F4E
#88AAC4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Beach View | #4F7694 | 79, 118, 148 | 206°, 30%, 45% | 47, 20, 0, 42 | |
| Cosmic Berry | #8B4F90 | 139, 79, 144 | 295°, 29%, 44% | 3, 45, 0, 44 | |
| Thrush | #936B4F | 147, 107, 79 | 25°, 30%, 44% | 0, 27, 46, 42 | |
| Virgo Green Goddess | #538F4E | 83, 143, 78 | 115°, 29%, 43% | 42, 0, 45, 44 | |
| Colorado Springs | #88AAC4 | 136, 170, 196 | 206°, 34%, 65% | 31, 13, 0, 23 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8B4F90 on #88AAC4 | 2.37:1 | — |
| Aa #4F7694 on #88AAC4 | 1.97:1 | — |
| Aa #936B4F on #88AAC4 | 1.93:1 | — |
| Aa #538F4E on #88AAC4 | 1.59:1 | — |
| Aa #8B4F90 on #538F4E | 1.49:1 | — |
| Aa #4F7694 on #538F4E | 1.24:1 | — |
CSS variables
:root {
--color-1: #4f7694; /* Beach View */
--color-2: #8b4f90; /* Cosmic Berry */
--color-3: #936b4f; /* Thrush */
--color-4: #538f4e; /* Virgo Green Goddess */
--color-5: #88aac4; /* Colorado Springs */
}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 Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
More Medium Blue tetradic palettes
- Admiral Blue Tetradic Color Scheme#50647F#834D7C#836B4F#498555#819AB1
- Aster Tetradic Color Scheme#867BA9#AA7982#A4AE77#7DB39E#BAB8D3
- Azure Tetradic Color Scheme#007FFF#FF00FF#FF8400#00FF00#77B5FE
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Bellflower Tetradic Color Scheme#5D66AA#AC5D91#B3A156#5FA778#A3A7CC
- Blasphemous Blue Tetradic Color Scheme#3356AA#B53389#AA8833#39AD48#7391CC
- Blue Tetradic Color Scheme#0000FF#FF0080#FFFF00#04F489#6666FF
- Blue Burst Tetradic Color Scheme#309CD0#BE2BDF#CD632A#58D332#80C1E2
- Blue Overdose Tetradic Color Scheme#0020EF#EE0099#EFD100#11EE55#5566FF
- Blue Ribbon Tetradic Color Scheme#0066FF#FF08E8#FF9900#00FF11#77AAFF
- Blue Triumph Tetradic Color Scheme#4376AB#A442A0#AB7741#41A94F#84A7CE
- Bluebell Tetradic Color Scheme#333399#993366#929637#319B64#6F6ED1
Questions
What colors go with Beach View?
In a tetradic scheme: Cosmic Berry (#8B4F90), Thrush (#936B4F), Virgo Green Goddess (#538F4E), Colorado Springs (#88AAC4).
What is the hex code of Beach View?
#4F7694.