Bluetiful Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bluetiful (#3C69E7), each snapped to its nearest named color.
#3C69E7
#EB6238
#B6E12A
#1651BD
#EC9580
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bluetiful | #3C69E7 | 60, 105, 231 | 224°, 78%, 57% | 74, 55, 0, 9 | |
| Teri-Gaki Persimmon | #EB6238 | 235, 98, 56 | 14°, 82%, 57% | 0, 58, 76, 8 | |
| Jazzercise | #B6E12A | 182, 225, 42 | 74°, 75%, 52% | 19, 0, 81, 12 | |
| Mourning Blue | #1651BD | 22, 81, 189 | 219°, 79%, 41% | 88, 57, 0, 26 | |
| Presidio Peach | #EC9580 | 236, 149, 128 | 12°, 74%, 71% | 0, 37, 46, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B6E12A on #1651BD | 4.68:1 | AA |
| Aa #3C69E7 on #B6E12A | 3.16:1 | AA large |
| Aa #1651BD on #EC9580 | 3.12:1 | AA large |
| Aa #EB6238 on #B6E12A | 2.18:1 | — |
| Aa #EB6238 on #1651BD | 2.15:1 | — |
| Aa #3C69E7 on #EC9580 | 2.10:1 | — |
CSS variables
:root {
--color-1: #3c69e7; /* Bluetiful */
--color-2: #eb6238; /* Teri-Gaki Persimmon */
--color-3: #b6e12a; /* Jazzercise */
--color-4: #1651bd; /* Mourning Blue */
--color-5: #ec9580; /* Presidio Peach */
}Other schemes from Bluetiful
- Bluetiful Complementary Color Scheme#3C69E7#8AADF7#E5B73B#BF961F#F5DD98
- Bluetiful Analogous Color Scheme#2EE8BB#2CB1EB#3C69E7#703BE7#BF36E0
- Bluetiful Triadic Color Scheme#3C69E7#ED3D66#6FEA3E#8AADF7#BB1144
- Bluetiful Tetradic Color Scheme#3C69E7#E936A7#E5B73B#33EE66#8AADF7
- Bluetiful Monochromatic Color Scheme#0A2F7C#1651BD#3C69E7#8F99FB#C9D1EF
More Medium Blue split-complementary palettes
- 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 Bluetiful?
In a split-complementary scheme: Teri-Gaki Persimmon (#EB6238), Jazzercise (#B6E12A), Mourning Blue (#1651BD), Presidio Peach (#EC9580).
What is the hex code of Bluetiful?
#3C69E7.