Denim Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Denim (#2243B6), each snapped to its nearest named color.
#0E1531
#1A2578
#2243B6
#5566DD
#8F99FB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Liberty Blue | #0E1531 | 14, 21, 49 | 228°, 56%, 12% | 71, 57, 0, 81 | |
| Impression of Obscurity | #1A2578 | 26, 37, 120 | 233°, 64%, 29% | 78, 69, 0, 53 | |
| Denim | #2243B6 | 34, 67, 182 | 227°, 69%, 42% | 81, 63, 0, 29 | |
| Thick Blue | #5566DD | 85, 102, 221 | 233°, 67%, 60% | 62, 54, 0, 13 | |
| Periwinkle Blue | #8F99FB | 143, 153, 251 | 234°, 93%, 77% | 43, 39, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0E1531 on #8F99FB | 6.94:1 | AA |
| Aa #1A2578 on #8F99FB | 5.14:1 | AA |
| Aa #0E1531 on #5566DD | 3.70:1 | AA large |
| Aa #2243B6 on #8F99FB | 3.19:1 | AA large |
| Aa #1A2578 on #5566DD | 2.74:1 | — |
| Aa #0E1531 on #2243B6 | 2.18:1 | — |
CSS variables
:root {
--color-1: #0e1531; /* Liberty Blue */
--color-2: #1a2578; /* Impression of Obscurity */
--color-3: #2243b6; /* Denim */
--color-4: #5566dd; /* Thick Blue */
--color-5: #8f99fb; /* Periwinkle Blue */
}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 Split-complementary Color Scheme#2243B6#B74923#8EB826#1A2578#DD7744
- Denim Tetradic Color Scheme#2243B6#BB2288#B79826#22BB55#5577EE
More Medium Blue monochromatic palettes
- Admiral Blue Monochromatic Color Scheme#161820#353F51#50647F#758BA4#A4B0C4
- Aster Monochromatic Color Scheme#3D3354#645681#867BA9#ADA7C8#DBD7E4
- Azure Monochromatic Color Scheme#003366#095BAF#007FFF#55AAFF#99CCFF
- Bay View Monochromatic Color Scheme#2D3544#4A5A6F#6A819E#99AABB#C7D0DA
- Beach View Monochromatic Color Scheme#1B2632#324C61#4F7694#789BB6#ACC2D1
- Bellflower Monochromatic Color Scheme#282A4A#4B4775#5D66AA#8E97C7#C2C7DB
- Blasphemous Blue Monochromatic Color Scheme#0E1D32#243F6C#3356AA#5D76CB#88ACE0
- Blue Monochromatic Color Scheme#000066#0000BB#0000FF#4D4DFF#9999FF
- Blue Burst Monochromatic Color Scheme#123D55#256D8D#309CD0#74B8DE#AED9EC
- Blue Overdose Monochromatic Color Scheme#001155#0018A8#0020EF#265EF7#8F99FB
- Blue Ribbon Monochromatic Color Scheme#002868#0048BA#0066FF#5097FC#99CCFF
- Blue Triumph Monochromatic Color Scheme#172B36#284C75#4376AB#779ECB#A8C6DE
Questions
What colors go with Denim?
In a monochromatic scheme: Liberty Blue (#0E1531), Impression of Obscurity (#1A2578), Thick Blue (#5566DD), Periwinkle Blue (#8F99FB).
What is the hex code of Denim?
#2243B6.