Warm Spring Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warm Spring (#4286BC), each snapped to its nearest named color.
#4286BC
#BD4048
#B5B94C
#355D83
#D9787C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Warm Spring | #4286BC | 66, 134, 188 | 207°, 48%, 50% | 65, 29, 0, 26 | 60.0% 0.108 245 | |
| Precious Peony | #BD4048 | 189, 64, 72 | 356°, 49%, 50% | 0, 66, 62, 26 | 55.0% 0.160 21 | |
| Japanese Fern | #B5B94C | 181, 185, 76 | 62°, 44%, 51% | 2, 0, 59, 27 | 76.1% 0.132 111 | |
| Pelagic | #355D83 | 53, 93, 131 | 209°, 42%, 36% | 60, 29, 0, 49 | 46.6% 0.077 249 | |
| Juicy Details | #D9787C | 217, 120, 124 | 358°, 56%, 66% | 0, 45, 43, 15 | 68.1% 0.121 18 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B5B94C on #355D83 | 3.29:1 | AA large |
| Aa #BD4048 on #B5B94C | 2.51:1 | — |
| Aa #355D83 on #D9787C | 2.28:1 | — |
| Aa #4286BC on #B5B94C | 1.86:1 | — |
| Aa #4286BC on #355D83 | 1.76:1 | — |
| Aa #BD4048 on #D9787C | 1.74:1 | — |
CSS variables
:root {
--color-1: #4286bc; /* Warm Spring */
--color-2: #bd4048; /* Precious Peony */
--color-3: #b5b94c; /* Japanese Fern */
--color-4: #355d83; /* Pelagic */
--color-5: #d9787c; /* Juicy Details */
}Other schemes from Warm Spring
- Warm Spring Complementary Color Scheme#4286BC#84AFD5#BB7744#81522E#D5AF91
- Warm Spring Analogous Color Scheme#45BE76#45BCB3#4286BC#4A40AD#7851A9
- Warm Spring Triadic Color Scheme#4286BC#BB4488#8FB943#8CB7D7#80365A
- Warm Spring Tetradic Color Scheme#4286BC#BB44BB#BB7744#55AA44#8CB7D7
- Warm Spring Monochromatic Color Scheme#1F3B4D#355D83#4286BC#7CAACF#B4CDE5
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 Spring?
In a split-complementary scheme: Precious Peony (#BD4048), Japanese Fern (#B5B94C), Pelagic (#355D83), Juicy Details (#D9787C).
What is the hex code of Warm Spring?
#4286BC.