Bluebell Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Bluebell (#333399), each snapped to its nearest named color.
#333399
#996633
#629A31
#222266
#C08950
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bluebell | #333399 | 51, 51, 153 | 240°, 50%, 40% | 67, 67, 0, 40 | |
| Woodgrain | #996633 | 153, 102, 51 | 30°, 50%, 40% | 0, 33, 67, 40 | |
| Thyme and Salt | #629A31 | 98, 154, 49 | 92°, 52%, 40% | 36, 0, 68, 40 | |
| Intergalactic Cowboy | #222266 | 34, 34, 102 | 240°, 50%, 27% | 67, 67, 0, 60 | |
| Toffee Tart | #C08950 | 192, 137, 80 | 31°, 47%, 53% | 0, 29, 58, 25 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #222266 on #C08950 | 4.66:1 | AA |
| Aa #629A31 on #222266 | 4.16:1 | AA large |
| Aa #333399 on #C08950 | 3.34:1 | AA large |
| Aa #333399 on #629A31 | 2.98:1 | — |
| Aa #996633 on #222266 | 2.89:1 | — |
| Aa #333399 on #996633 | 2.07:1 | — |
CSS variables
:root {
--color-1: #333399; /* Bluebell */
--color-2: #996633; /* Woodgrain */
--color-3: #629a31; /* Thyme and Salt */
--color-4: #222266; /* Intergalactic Cowboy */
--color-5: #c08950; /* Toffee Tart */
}Other schemes from Bluebell
- Bluebell Complementary Color Scheme#333399#5A4FCF#929637#636F22#D5CE69
- Bluebell Analogous Color Scheme#30949D#376698#333399#663399#922B9C
- Bluebell Triadic Color Scheme#333399#993333#3A9234#6F6ED1#662222
- Bluebell Tetradic Color Scheme#333399#993366#929637#319B64#6F6ED1
- Bluebell Monochromatic Color Scheme#050D25#222266#333399#5A4FCF#8A83DA
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 Bluebell?
In a split-complementary scheme: Woodgrain (#996633), Thyme and Salt (#629A31), Intergalactic Cowboy (#222266), Toffee Tart (#C08950).
What is the hex code of Bluebell?
#333399.