Quiet Abyss Complementary Color Scheme
Five colors arranged by the complementary rule around Quiet Abyss (#160435), each snapped to its nearest named color.
#160435
#391285
#223300
#0F180A
#669900
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Quiet Abyss | #160435 | 22, 4, 53 | 262°, 86%, 11% | 58, 92, 0, 79 | |
| Pixie Powder | #391285 | 57, 18, 133 | 260°, 76%, 30% | 57, 86, 0, 48 | |
| Blind Forest | #223300 | 34, 51, 0 | 80°, 100%, 10% | 33, 0, 100, 80 | |
| Pinch of Pepper | #0F180A | 15, 24, 10 | 99°, 41%, 7% | 37, 0, 58, 91 | |
| Gecko’s Dream | #669900 | 102, 153, 0 | 80°, 100%, 30% | 33, 0, 100, 40 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #160435 on #669900 | 5.55:1 | AA |
| Aa #0F180A on #669900 | 5.30:1 | AA |
| Aa #223300 on #669900 | 3.97:1 | AA large |
| Aa #391285 on #669900 | 3.83:1 | AA large |
| Aa #160435 on #391285 | 1.45:1 | — |
| Aa #160435 on #223300 | 1.40:1 | — |
CSS variables
:root {
--color-1: #160435; /* Quiet Abyss */
--color-2: #391285; /* Pixie Powder */
--color-3: #223300; /* Blind Forest */
--color-4: #0f180a; /* Pinch of Pepper */
--color-5: #669900; /* Gecko’s Dream */
}Other schemes from Quiet Abyss
- Quiet Abyss Analogous Color Scheme#002233#090533#160435#2A0134#330022
- Quiet Abyss Triadic Color Scheme#160435#391802#003311#320094#1A0600
- Quiet Abyss Split-complementary Color Scheme#160435#3C3005#033500#0B0119#7D7103
- Quiet Abyss Tetradic Color Scheme#160435#330404#223300#043132#320094
- Quiet Abyss Monochromatic Color Scheme#0B0119#0B0119#160435#32127A#510AC9
More Very Dark Purple complementary palettes
- Back in Black Complementary Color Scheme#16141C#3D3354#1B1811#12110E#575C3A
- Clairvoyant Complementary Color Scheme#480656#8601AF#195905#031602#22BB11
- Coal Mine Complementary Color Scheme#220033#5E0092#113300#031602#339900
- Cotinga Purple Complementary Color Scheme#340059#6611AA#335500#0F180A#55BB00
- Hollow Knight Complementary Color Scheme#330055#6611AA#335500#031602#55BB00
- Midnight Monarch Complementary Color Scheme#1C0F33#412A7A#223311#0F180A#628026
- Violet Void Complementary Color Scheme#1A161D#4F3357#112211#12110E#4A623B
- Your Darkness Complementary Color Scheme#220044#5500AA#334400#0F180A#55AA00
Questions
What colors go with Quiet Abyss?
In a complementary scheme: Pixie Powder (#391285), Blind Forest (#223300), Pinch of Pepper (#0F180A), Gecko’s Dream (#669900).
What is the hex code of Quiet Abyss?
#160435.