Denim Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Denim (#2243B6), each snapped to its nearest named color.
#2243B6
#B74923
#8EB826
#1A2578
#DD7744
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Denim | #2243B6 | 34, 67, 182 | 227°, 69%, 42% | 81, 63, 0, 29 | 43.8% 0.186 266 | |
| Orange Wood | #B74923 | 183, 73, 35 | 15°, 68%, 43% | 0, 60, 81, 28 | 54.7% 0.152 39 | |
| Cocktail Green | #8EB826 | 142, 184, 38 | 77°, 66%, 44% | 23, 0, 79, 28 | 72.6% 0.170 125 | |
| Impression of Obscurity | #1A2578 | 26, 37, 120 | 233°, 64%, 29% | 78, 69, 0, 53 | 31.8% 0.140 270 | |
| Orange Shot | #DD7744 | 221, 119, 68 | 20°, 69%, 57% | 0, 46, 69, 13 | 67.5% 0.143 46 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8EB826 on #1A2578 | 5.72:1 | AA |
| Aa #1A2578 on #DD7744 | 4.30:1 | AA large |
| Aa #2243B6 on #8EB826 | 3.55:1 | AA large |
| Aa #2243B6 on #DD7744 | 2.67:1 | — |
| Aa #B74923 on #1A2578 | 2.53:1 | — |
| Aa #B74923 on #8EB826 | 2.26:1 | — |
CSS variables
:root {
--color-1: #2243b6; /* Denim */
--color-2: #b74923; /* Orange Wood */
--color-3: #8eb826; /* Cocktail Green */
--color-4: #1a2578; /* Impression of Obscurity */
--color-5: #dd7744; /* Orange Shot */
}Other schemes from Denim
- Denim Complementary Color Scheme#2243B6#5170D7#B79826#74640D#E2C555
- Denim Analogous Color Scheme#27B692#2A8FBD#2243B6#4428BC#8822BB
- Denim Triadic Color Scheme#2243B6#BB2244#44AA33#5577EE#771C2B
- Denim Tetradic Color Scheme#2243B6#BB2288#B79826#22BB55#5577EE
- Denim Monochromatic Color Scheme#0E1531#1A2578#2243B6#5566DD#8F99FB
More medium blue split-complementary color schemes
- 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 Denim?
In a split-complementary scheme: Orange Wood (#B74923), Cocktail Green (#8EB826), Impression of Obscurity (#1A2578), Orange Shot (#DD7744).
What is the hex code of Denim?
#2243B6.