Rouge Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Rouge (#AB1239), each snapped to its nearest named color.
#AB1239
#00AA33
#0B83B5
#661020
#2DFE54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Rouge | #AB1239 | 171, 18, 57 | 345°, 81%, 37% | 0, 89, 67, 33 | 47.8% 0.182 16 | |
| Carpet Moss | #00AA33 | 0, 170, 51 | 138°, 100%, 33% | 100, 0, 70, 33 | 64.2% 0.198 146 | |
| Lucario Blue | #0B83B5 | 11, 131, 181 | 198°, 89%, 38% | 94, 28, 0, 29 | 57.6% 0.119 235 | |
| Forbidden Passion | #661020 | 102, 16, 32 | 349°, 73%, 23% | 0, 84, 69, 60 | 33.6% 0.118 17 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | 87.0% 0.262 145 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #661020 on #2DFE54 | 9.29:1 | AAA |
| Aa #AB1239 on #2DFE54 | 5.36:1 | AA |
| Aa #00AA33 on #661020 | 4.10:1 | AA large |
| Aa #0B83B5 on #2DFE54 | 3.13:1 | AA large |
| Aa #0B83B5 on #661020 | 2.97:1 | — |
| Aa #AB1239 on #00AA33 | 2.36:1 | — |
CSS variables
:root {
--color-1: #ab1239; /* Rouge */
--color-2: #00aa33; /* Carpet Moss */
--color-3: #0b83b5; /* Lucario Blue */
--color-4: #661020; /* Forbidden Passion */
--color-5: #2dfe54; /* Bright Light Green */
}Other schemes from Rouge
- Rouge Complementary Color Scheme#AB1239#EE3355#1AB385#0D6349#2EE8BB
- Rouge Analogous Color Scheme#8F1CAE#AA1188#AB1239#AA3311#AB8508
- Rouge Triadic Color Scheme#AB1239#33AA00#1034A6#ED3D66#226600
- Rouge Tetradic Color Scheme#AB1239#88AA11#1AB385#3311AA#ED3D66
- Rouge Monochromatic Color Scheme#220011#661020#AB1239#EE2255#EE6688
More dark pink split-complementary color schemes
- 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 Rouge?
In a split-complementary scheme: Carpet Moss (#00AA33), Lucario Blue (#0B83B5), Forbidden Passion (#661020), Bright Light Green (#2DFE54).
What is the hex code of Rouge?
#AB1239.