Blue Bay Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Bay (#619AD6), each snapped to its nearest named color.
#619AD6
#D46362
#D6D963
#3473B7
#E39E9C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Bay | #619AD6 | 97, 154, 214 | 211°, 59%, 61% | 55, 28, 0, 16 | |
| Happy Hearts | #D46362 | 212, 99, 98 | 1°, 57%, 61% | 0, 53, 54, 17 | |
| Banana Chalk | #D6D963 | 214, 217, 99 | 62°, 61%, 62% | 1, 0, 54, 15 | |
| Campanula | #3473B7 | 52, 115, 183 | 211°, 56%, 46% | 72, 37, 0, 28 | |
| Pale Berry | #E39E9C | 227, 158, 156 | 2°, 56%, 75% | 0, 30, 31, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D6D963 on #3473B7 | 3.26:1 | AA large |
| Aa #D46362 on #D6D963 | 2.42:1 | — |
| Aa #3473B7 on #E39E9C | 2.25:1 | — |
| Aa #619AD6 on #D6D963 | 1.97:1 | — |
| Aa #D46362 on #E39E9C | 1.67:1 | — |
| Aa #619AD6 on #3473B7 | 1.66:1 | — |
CSS variables
:root {
--color-1: #619ad6; /* Blue Bay */
--color-2: #d46362; /* Happy Hearts */
--color-3: #d6d963; /* Banana Chalk */
--color-4: #3473b7; /* Campanula */
--color-5: #e39e9c; /* Pale Berry */
}Other schemes from Blue Bay
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Bay Analogous Color Scheme#6ADC99#65DCD6#619AD6#6264DC#9D61D4
- Blue Bay Triadic Color Scheme#619AD6#DD669D#8DCE65#AED1E8#BB3377
- Blue Bay Tetradic Color Scheme#619AD6#CC66DD#D79E62#62C46C#AED1E8
- Blue Bay Monochromatic Color Scheme#24547D#3473B7#619AD6#9BC4E2#DAEAF6
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
- Blue Lips Split-complementary Color Scheme#A6BCE2#E7AFA8#D9E6A6#6C94CD#F4E4E0
Questions
What colors go with Blue Bay?
In a split-complementary scheme: Happy Hearts (#D46362), Banana Chalk (#D6D963), Campanula (#3473B7), Pale Berry (#E39E9C).
What is the hex code of Blue Bay?
#619AD6.