Bay View Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bay View (#6A819E), each snapped to its nearest named color.
#6A819E
#A26766
#9CA664
#475877
#BA9B97
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bay View | #6A819E | 106, 129, 158 | 213°, 21%, 52% | 33, 18, 0, 38 | |
| Withered Rose | #A26766 | 162, 103, 102 | 1°, 24%, 52% | 0, 36, 37, 36 | |
| Green Smoke | #9CA664 | 156, 166, 100 | 69°, 27%, 52% | 6, 0, 40, 35 | |
| Chambray | #475877 | 71, 88, 119 | 219°, 25%, 37% | 40, 26, 0, 53 | |
| Lilac Suede | #BA9B97 | 186, 155, 151 | 7°, 20%, 66% | 0, 17, 19, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #475877 on #BA9B97 | 2.81:1 | — |
| Aa #9CA664 on #475877 | 2.75:1 | — |
| Aa #6A819E on #475877 | 1.79:1 | — |
| Aa #A26766 on #BA9B97 | 1.76:1 | — |
| Aa #A26766 on #9CA664 | 1.72:1 | — |
| Aa #A26766 on #475877 | 1.59:1 | — |
CSS variables
:root {
--color-1: #6a819e; /* Bay View */
--color-2: #a26766; /* Withered Rose */
--color-3: #9ca664; /* Green Smoke */
--color-4: #475877; /* Chambray */
--color-5: #ba9b97; /* Lilac Suede */
}Other schemes from Bay View
- Bay View Complementary Color Scheme#6A819E#9EB2C3#A68966#756244#C8B9A4
- Bay View Analogous Color Scheme#64A281#629DA6#6A819E#6D69A1#9264A2
- Bay View Triadic Color Scheme#6A819E#A16381#85A16A#A6B3C9#75495E
- Bay View Tetradic Color Scheme#6A819E#A46A95#A68966#72A86A#A6B3C9
- Bay View Monochromatic Color Scheme#2D3544#4A5A6F#6A819E#99AABB#C7D0DA
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
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- 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 Bay View?
In a split-complementary scheme: Withered Rose (#A26766), Green Smoke (#9CA664), Chambray (#475877), Lilac Suede (#BA9B97).
What is the hex code of Bay View?
#6A819E.