Warm Blue Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warm Blue (#4B57DB), each snapped to its nearest named color.
#4B57DB
#D88B4D
#9BCA47
#2F36BA
#EAB38A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Warm Blue | #4B57DB | 75, 87, 219 | 235°, 67%, 58% | 66, 60, 0, 14 | 52.7% 0.199 273 | |
| Serape | #D88B4D | 216, 139, 77 | 27°, 64%, 57% | 0, 36, 64, 15 | 70.4% 0.122 58 | |
| Wicked Green | #9BCA47 | 155, 202, 71 | 82°, 55%, 54% | 23, 0, 65, 21 | 78.0% 0.166 127 | |
| Blue Cardinal Flower | #2F36BA | 47, 54, 186 | 237°, 60%, 46% | 75, 71, 0, 27 | 42.5% 0.202 272 | |
| Trick or Treat | #EAB38A | 234, 179, 138 | 26°, 70%, 73% | 0, 24, 41, 8 | 80.7% 0.084 58 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2F36BA on #EAB38A | 4.80:1 | AA |
| Aa #9BCA47 on #2F36BA | 4.64:1 | AA |
| Aa #D88B4D on #2F36BA | 3.27:1 | AA large |
| Aa #4B57DB on #EAB38A | 3.07:1 | AA large |
| Aa #4B57DB on #9BCA47 | 2.97:1 | — |
| Aa #4B57DB on #D88B4D | 2.09:1 | — |
CSS variables
:root {
--color-1: #4b57db; /* Warm Blue */
--color-2: #d88b4d; /* Serape */
--color-3: #9bca47; /* Wicked Green */
--color-4: #2f36ba; /* Blue Cardinal Flower */
--color-5: #eab38a; /* Trick or Treat */
}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 Tetradic Color Scheme#4B57DB#D94F9A#D8CB4B#54C589#ACACE6
- Warm Blue Monochromatic Color Scheme#191970#2F36BA#4B57DB#8F8CE7#C9D1EF
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 Warm Blue?
In a split-complementary scheme: Serape (#D88B4D), Wicked Green (#9BCA47), Blue Cardinal Flower (#2F36BA), Trick or Treat (#EAB38A).
What is the hex code of Warm Blue?
#4B57DB.