Blue Whale Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Blue Whale (#1E3442), each snapped to its nearest named color.
#1E3442
#4C1C24
#4E3E1F
#0F1012
#73383C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Blue Whale | #1E3442 | 30, 52, 66 | 203°, 38%, 19% | 55, 21, 0, 74 | |
| Vino Tinto | #4C1C24 | 76, 28, 36 | 350°, 46%, 20% | 0, 63, 53, 70 | |
| Avocado Stone | #4E3E1F | 78, 62, 31 | 40°, 43%, 21% | 0, 21, 60, 69 | |
| Ruined Smores | #0F1012 | 15, 16, 18 | 220°, 9%, 6% | 17, 11, 0, 93 | |
| Cuba Libre | #73383C | 115, 56, 60 | 356°, 35%, 34% | 0, 51, 48, 55 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0F1012 on #73383C | 2.14:1 | — |
| Aa #4E3E1F on #0F1012 | 1.84:1 | — |
| Aa #4C1C24 on #73383C | 1.57:1 | — |
| Aa #1E3442 on #0F1012 | 1.47:1 | — |
| Aa #1E3442 on #73383C | 1.45:1 | — |
| Aa #4C1C24 on #0F1012 | 1.36:1 | — |
CSS variables
:root {
--color-1: #1e3442; /* Blue Whale */
--color-2: #4c1c24; /* Vino Tinto */
--color-3: #4e3e1f; /* Avocado Stone */
--color-4: #0f1012; /* Ruined Smores */
--color-5: #73383c; /* Cuba Libre */
}Other schemes from Blue Whale
- Blue Whale Complementary Color Scheme#1E3442#386782#452C1F#130D07#8E593C
- Blue Whale Analogous Color Scheme#17462E#19443C#1E3442#1C2841#211D49
- Blue Whale Triadic Color Scheme#1E3442#4B1C35#33431E#3D6D84#150811
- Blue Whale Tetradic Color Scheme#1E3442#3F1D50#452C1F#21421E#3D6D84
- Blue Whale Monochromatic Color Scheme#0F1012#0F1012#1E3442#355C74#4F84AF
More Very Dark Blue split-complementary palettes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- Azulado Split-complementary Color Scheme#211D49#4E3E1F#2F441F#080813#886037
- Beyond the Stars Split-complementary Color Scheme#0A3251#551111#544E03#0B0F1A#9B111E
- Black Pearl Split-complementary Color Scheme#1E272C#351E1C#2F2E1F#0F1012#5F383C
- Black Velvet Split-complementary Color Scheme#222233#342C21#2E3222#0B0C14#61513D
- Cinder Split-complementary Color Scheme#242A2E#3B1F23#2F2E1F#0F1012#653A3D
- Corbeau Split-complementary Color Scheme#111122#231712#172713#0B0C14#55422B
- Dark Split-complementary Color Scheme#1B2431#351E1C#2F2E1F#0B0C14#613936
- Dark Eclipse Split-complementary Color Scheme#112244#471C0F#304112#060B14#803020
- Dark Knight Split-complementary Color Scheme#151931#351F19#223311#0B0C14#67422D
- Dark Soul Split-complementary Color Scheme#112255#552211#48531A#01081C#9B351B
- Deadly Depths Split-complementary Color Scheme#111144#4A290D#304112#090615#885522
Questions
What colors go with Blue Whale?
In a split-complementary scheme: Vino Tinto (#4C1C24), Avocado Stone (#4E3E1F), Ruined Smores (#0F1012), Cuba Libre (#73383C).
What is the hex code of Blue Whale?
#1E3442.