Azulado Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Azulado (#211D49), each snapped to its nearest named color.
#211D49
#4E3E1F
#2F441F
#080813
#886037
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Azulado | #211D49 | 33, 29, 73 | 245°, 43%, 20% | 55, 60, 0, 71 | 26.3% 0.079 284 | |
| Avocado Stone | #4E3E1F | 78, 62, 31 | 40°, 43%, 21% | 0, 21, 60, 69 | 37.3% 0.051 83 | |
| Forestry | #2F441F | 47, 68, 31 | 94°, 37%, 19% | 31, 0, 54, 73 | 35.9% 0.065 133 | |
| Narwhal Grey | #080813 | 8, 8, 19 | 240°, 41%, 5% | 58, 58, 0, 93 | 14.1% 0.024 283 | |
| Quiver | #886037 | 136, 96, 55 | 30°, 42%, 37% | 0, 29, 60, 47 | 52.2% 0.077 65 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #080813 on #886037 | 3.58:1 | AA large |
| Aa #211D49 on #886037 | 2.82:1 | — |
| Aa #4E3E1F on #080813 | 1.93:1 | — |
| Aa #2F441F on #886037 | 1.92:1 | — |
| Aa #2F441F on #080813 | 1.87:1 | — |
| Aa #4E3E1F on #886037 | 1.86:1 | — |
CSS variables
:root {
--color-1: #211d49; /* Azulado */
--color-2: #4e3e1f; /* Avocado Stone */
--color-3: #2f441f; /* Forestry */
--color-4: #080813; /* Narwhal Grey */
--color-5: #886037; /* Quiver */
}Other schemes from Azulado
- Azulado Complementary Color Scheme#211D49#3C3D8A#48531A#16160E#91923A
- Azulado Analogous Color Scheme#1E454D#1B294B#211D49#32174D#531745
- Azulado Triadic Color Scheme#211D49#46221B#1C5022#4B3C8E#130A06
- Azulado Tetradic Color Scheme#211D49#4B1C35#48531A#1B4B35#4B3C8E
- Azulado Monochromatic Color Scheme#080813#080813#211D49#2E2D88#5946B2
More very dark blue split-complementary color schemes
- Astral Nomad Split-complementary Color Scheme#203943#482029#423921#0F1012#773644
- 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
- Blue Whale Split-complementary Color Scheme#1E3442#4C1C24#4E3E1F#0F1012#73383C
- 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 Azulado?
In a split-complementary scheme: Avocado Stone (#4E3E1F), Forestry (#2F441F), Narwhal Grey (#080813), Quiver (#886037).
What is the hex code of Azulado?
#211D49.