Bluebonnet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bluebonnet (#1C1CF0), each snapped to its nearest named color.
#1C1CF0
#F5811A
#8EEF15
#0011BB
#F3AD63
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bluebonnet | #1C1CF0 | 28, 28, 240 | 240°, 88%, 53% | 88, 88, 0, 6 | |
| Consumed by Fire | #F5811A | 245, 129, 26 | 28°, 92%, 53% | 0, 47, 89, 4 | |
| Scorpy Green | #8EEF15 | 142, 239, 21 | 87°, 87%, 51% | 41, 0, 91, 6 | |
| Too Dark Tonight | #0011BB | 0, 17, 187 | 235°, 100%, 37% | 100, 91, 0, 27 | |
| Blazing Autumn | #F3AD63 | 243, 173, 99 | 31°, 86%, 67% | 0, 29, 59, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8EEF15 on #0011BB | 8.07:1 | AAA |
| Aa #0011BB on #F3AD63 | 6.10:1 | AA |
| Aa #1C1CF0 on #8EEF15 | 5.86:1 | AA |
| Aa #F5811A on #0011BB | 4.47:1 | AA large |
| Aa #1C1CF0 on #F3AD63 | 4.43:1 | AA large |
| Aa #1C1CF0 on #F5811A | 3.25:1 | AA large |
CSS variables
:root {
--color-1: #1c1cf0; /* Bluebonnet */
--color-2: #f5811a; /* Consumed by Fire */
--color-3: #8eef15; /* Scorpy Green */
--color-4: #0011bb; /* Too Dark Tonight */
--color-5: #f3ad63; /* Blazing Autumn */
}Other schemes from Bluebonnet
- Bluebonnet Complementary Color Scheme#1C1CF0#6A79F7#EEEE11#BBBB11#F6F677
- Bluebonnet Analogous Color Scheme#11EEEE#1E90FF#1C1CF0#8811FF#EF1DE7
- Bluebonnet Triadic Color Scheme#1C1CF0#FF1C1C#1DF914#7777EE#B30D0D
- Bluebonnet Tetradic Color Scheme#1C1CF0#FA1A8E#EEEE11#04F489#7777EE
- Bluebonnet Monochromatic Color Scheme#02066F#0011BB#1C1CF0#6666EE#AAAAFF
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 Bluebonnet?
In a split-complementary scheme: Consumed by Fire (#F5811A), Scorpy Green (#8EEF15), Too Dark Tonight (#0011BB), Blazing Autumn (#F3AD63).
What is the hex code of Bluebonnet?
#1C1CF0.