Pineapple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pineapple (#563C0D), each snapped to its nearest named color.
#563C0D
#114E56
#150F5B
#1C1208
#1B8192
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pineapple | #563C0D | 86, 60, 13 | 39°, 74%, 19% | 0, 30, 85, 66 | |
| Iron Teal | #114E56 | 17, 78, 86 | 187°, 67%, 20% | 80, 9, 0, 66 | |
| Space Colonisation | #150F5B | 21, 15, 91 | 245°, 72%, 21% | 77, 84, 0, 64 | |
| Crowshead | #1C1208 | 28, 18, 8 | 30°, 56%, 7% | 0, 36, 71, 89 | |
| Pagoda Blue | #1B8192 | 27, 129, 146 | 189°, 69%, 34% | 82, 12, 0, 43 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #1C1208 on #1B8192 | 4.04:1 | AA large |
| Aa #150F5B on #1B8192 | 3.68:1 | AA large |
| Aa #563C0D on #1B8192 | 2.25:1 | — |
| Aa #114E56 on #1B8192 | 2.05:1 | — |
| Aa #114E56 on #1C1208 | 1.97:1 | — |
| Aa #563C0D on #1C1208 | 1.80:1 | — |
CSS variables
:root {
--color-1: #563c0d; /* Pineapple */
--color-2: #114e56; /* Iron Teal */
--color-3: #150f5b; /* Space Colonisation */
--color-4: #1c1208; /* Crowshead */
--color-5: #1b8192; /* Pagoda Blue */
}Other schemes from Pineapple
- Pineapple Complementary Color Scheme#563C0D#A17917#112358#01081C#1150AF
- Pineapple Analogous Color Scheme#550022#4E1609#563C0D#415A09#225511
- Pineapple Triadic Color Scheme#563C0D#044F3B#37115C#AA7711#001111
- Pineapple Tetradic Color Scheme#563C0D#0F521A#112358#4D084B#AA7711
- Pineapple Monochromatic Color Scheme#1C1208#1C1208#563C0D#986E19#DA9A21
More Very Dark Orange split-complementary palettes
- Black Chocolate Split-complementary Color Scheme#441100#014431#001144#1A0600#018F6B
- Brown Split-complementary Color Scheme#653700#016367#000066#1C1208#01A7B2
- Burnt Coffee Split-complementary Color Scheme#271B10#10252A#111122#130D07#275A5D
- Chocolate Castle Split-complementary Color Scheme#452207#004444#000B44#1C1208#0B8B87
- Close but No Cigar Split-complementary Color Scheme#361D0A#113333#071037#1C1208#117471
- Cola Split-complementary Color Scheme#3C2F23#273E3E#21263A#130D0D#3E6D6A
- Creole Split-complementary Color Scheme#393227#203838#21263A#14100E#4A686C
- Délicieux au Chocolat Split-complementary Color Scheme#412010#12403C#111144#130D07#1F7F76
- English Walnut Split-complementary Color Scheme#3E2B23#273F39#21263A#130D0D#3E6D6A
- Evil Cigar Split-complementary Color Scheme#522000#005249#001155#1A0600#019E91
- Go to Hell Black Split-complementary Color Scheme#342C21#213638#222233#14100E#3A6364
- King Kong Split-complementary Color Scheme#161410#0F1519#0B0F1A#12110E#2D454A
Questions
What colors go with Pineapple?
In a split-complementary scheme: Iron Teal (#114E56), Space Colonisation (#150F5B), Crowshead (#1C1208), Pagoda Blue (#1B8192).
What is the hex code of Pineapple?
#563C0D.