Warm Blue Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Warm Blue (#4B57DB), each snapped to its nearest named color.
#191970
#2F36BA
#4B57DB
#8F8CE7
#C9D1EF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 20000 Leagues Under the Sea | #191970 | 25, 25, 112 | 240°, 64%, 27% | 78, 78, 0, 56 | |
| Blue Cardinal Flower | #2F36BA | 47, 54, 186 | 237°, 60%, 46% | 75, 71, 0, 27 | |
| Warm Blue | #4B57DB | 75, 87, 219 | 235°, 67%, 58% | 66, 60, 0, 14 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 | |
| Frozen Periwinkle | #C9D1EF | 201, 209, 239 | 227°, 54%, 86% | 16, 13, 0, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #191970 on #C9D1EF | 9.79:1 | AAA |
| Aa #2F36BA on #C9D1EF | 5.87:1 | AA |
| Aa #191970 on #8F8CE7 | 5.00:1 | AA |
| Aa #4B57DB on #C9D1EF | 3.76:1 | AA large |
| Aa #2F36BA on #8F8CE7 | 3.00:1 | AA large |
| Aa #191970 on #4B57DB | 2.61:1 | — |
CSS variables
:root {
--color-1: #191970; /* 20000 Leagues Under the Sea */
--color-2: #2f36ba; /* Blue Cardinal Flower */
--color-3: #4b57db; /* Warm Blue */
--color-4: #8f8ce7; /* Perrywinkle */
--color-5: #c9d1ef; /* Frozen Periwinkle */
}Other schemes from Warm Blue
- Warm Blue Complementary Color Scheme#4B57DB#8F99FB#D8CB4B#B8A722#EAE8A0
- Warm Blue Analogous Color Scheme#55DDCC#4499DD#4B57DB#9955CC#D648D7
- Warm Blue Triadic Color Scheme#4B57DB#DC465D#58D854#ACACE6#B42435
- Warm Blue Split-complementary Color Scheme#4B57DB#D88B4D#9BCA47#2F36BA#EAB38A
- Warm Blue Tetradic Color Scheme#4B57DB#D94F9A#D8CB4B#54C589#ACACE6
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 Warm Blue?
In a monochromatic scheme: 20000 Leagues Under the Sea (#191970), Blue Cardinal Flower (#2F36BA), Perrywinkle (#8F8CE7), Frozen Periwinkle (#C9D1EF).
What is the hex code of Warm Blue?
#4B57DB.