Annatto Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Annatto (#8C5341), each snapped to its nearest named color.
#8C5341
#408E7C
#45538D
#5B342E
#6AB5A4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Annatto | #8C5341 | 140, 83, 65 | 14°, 37%, 40% | 0, 41, 54, 45 | |
| Perky | #408E7C | 64, 142, 124 | 166°, 38%, 40% | 55, 0, 13, 44 | |
| Demon Blue | #45538D | 69, 83, 141 | 228°, 34%, 41% | 51, 41, 0, 45 | |
| Redwood | #5B342E | 91, 52, 46 | 8°, 33%, 27% | 0, 43, 49, 64 | |
| Tropic Turquoise | #6AB5A4 | 106, 181, 164 | 166°, 34%, 56% | 41, 0, 9, 29 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5B342E on #6AB5A4 | 4.43:1 | AA large |
| Aa #45538D on #6AB5A4 | 3.05:1 | AA large |
| Aa #408E7C on #5B342E | 2.72:1 | — |
| Aa #8C5341 on #6AB5A4 | 2.55:1 | — |
| Aa #408E7C on #45538D | 1.87:1 | — |
| Aa #8C5341 on #5B342E | 1.74:1 | — |
CSS variables
:root {
--color-1: #8c5341; /* Annatto */
--color-2: #408e7c; /* Perky */
--color-3: #45538d; /* Demon Blue */
--color-4: #5b342e; /* Redwood */
--color-5: #6ab5a4; /* Tropic Turquoise */
}Other schemes from Annatto
- Annatto Complementary Color Scheme#8C5341#BA816E#41788A#2A4B5A#75AEBD
- Annatto Analogous Color Scheme#83477D#8F4155#8C5341#8C7544#7B8D42
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Annatto Tetradic Color Scheme#8C5341#548D44#41788A#784384#BE8774
- Annatto Monochromatic Color Scheme#231712#5B342E#8C5341#B77961#CFA798
More Medium Red split-complementary palettes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
- Barbarossa Split-complementary Color Scheme#A84734#2EA785#3356AA#752E23#5ACAA4
Questions
What colors go with Annatto?
In a split-complementary scheme: Perky (#408E7C), Demon Blue (#45538D), Redwood (#5B342E), Tropic Turquoise (#6AB5A4).
What is the hex code of Annatto?
#8C5341.