Warlord Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Warlord (#BA0033), each snapped to its nearest named color.
#BA0033
#00BB22
#008DB9
#680018
#00FF33
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warlord | #BA0033 | 186, 0, 51 | 344°, 100%, 36% | 0, 100, 73, 27 | |
| Pedestrian Green | #00BB22 | 0, 187, 34 | 131°, 100%, 37% | 100, 0, 82, 27 | |
| Hawaiian Ocean | #008DB9 | 0, 141, 185 | 194°, 100%, 36% | 100, 24, 0, 27 | |
| Claret | #680018 | 104, 0, 24 | 346°, 100%, 20% | 0, 100, 77, 59 | |
| Lucent Lime | #00FF33 | 0, 255, 51 | 132°, 100%, 50% | 100, 0, 80, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #680018 on #00FF33 | 9.58:1 | AAA |
| Aa #00BB22 on #680018 | 5.08:1 | AA |
| Aa #BA0033 on #00FF33 | 4.90:1 | AA |
| Aa #008DB9 on #680018 | 3.44:1 | AA large |
| Aa #008DB9 on #00FF33 | 2.79:1 | — |
| Aa #BA0033 on #00BB22 | 2.59:1 | — |
CSS variables
:root {
--color-1: #ba0033; /* Warlord */
--color-2: #00bb22; /* Pedestrian Green */
--color-3: #008db9; /* Hawaiian Ocean */
--color-4: #680018; /* Claret */
--color-5: #00ff33; /* Lucent Lime */
}Other schemes from Warlord
- Warlord Complementary Color Scheme#BA0033#FF1155#00BB88#006E4E#32FFDC
- Warlord Analogous Color Scheme#8601BF#BB0088#BA0033#B52604#BB8800
- Warlord Triadic Color Scheme#BA0033#33BB00#0033BB#FF255C#117700
- Warlord Tetradic Color Scheme#BA0033#8DB600#00BB88#2000B1#FF255C
- Warlord Monochromatic Color Scheme#220011#680018#BA0033#FF004D#FB5581
More Dark Pink split-complementary palettes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Warlord?
In a split-complementary scheme: Pedestrian Green (#00BB22), Hawaiian Ocean (#008DB9), Claret (#680018), Lucent Lime (#00FF33).
What is the hex code of Warlord?
#BA0033.