Night Owl Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Night Owl (#5D7B89), each snapped to its nearest named color.
#5D7B89
#8E5565
#908456
#3A5760
#B48286
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Night Owl | #5D7B89 | 93, 123, 137 | 199°, 19%, 45% | 32, 10, 0, 46 | |
| Pink Peppercorn | #8E5565 | 142, 85, 101 | 343°, 25%, 45% | 0, 40, 29, 44 | |
| Mountain Olive | #908456 | 144, 132, 86 | 48°, 25%, 45% | 0, 8, 40, 44 | |
| Kingfisher | #3A5760 | 58, 87, 96 | 194°, 25%, 30% | 40, 9, 0, 62 | |
| Retro Pink | #B48286 | 180, 130, 134 | 355°, 25%, 61% | 0, 28, 26, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3A5760 on #B48286 | 2.39:1 | — |
| Aa #908456 on #3A5760 | 2.07:1 | — |
| Aa #8E5565 on #B48286 | 1.78:1 | — |
| Aa #5D7B89 on #3A5760 | 1.72:1 | — |
| Aa #8E5565 on #908456 | 1.55:1 | — |
| Aa #5D7B89 on #B48286 | 1.39:1 | — |
CSS variables
:root {
--color-1: #5d7b89; /* Night Owl */
--color-2: #8e5565; /* Pink Peppercorn */
--color-3: #908456; /* Mountain Olive */
--color-4: #3a5760; /* Kingfisher */
--color-5: #b48286; /* Retro Pink */
}Other schemes from Night Owl
- Night Owl Complementary Color Scheme#5D7B89#8BA8B7#926956#61463A#BF9F91
- Night Owl Analogous Color Scheme#58936D#568E88#5D7B89#536193#68578C
- Night Owl Triadic Color Scheme#5D7B89#8A547F#7D8C55#8FADBD#613A57
- Night Owl Tetradic Color Scheme#5D7B89#835995#926956#649050#8FADBD
- Night Owl Monochromatic Color Scheme#1E272C#3F545A#5D7B89#89A0B0#B3C5CC
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
- 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
Questions
What colors go with Night Owl?
In a split-complementary scheme: Pink Peppercorn (#8E5565), Mountain Olive (#908456), Kingfisher (#3A5760), Retro Pink (#B48286).
What is the hex code of Night Owl?
#5D7B89.