Clairvoyant Triadic Color Scheme
Five colors arranged by the triadic rule around Clairvoyant (#480656), each snapped to its nearest named color.
#480656
#554400
#015348
#9900AA
#1F180A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Clairvoyant | #480656 | 72, 6, 86 | 290°, 87%, 18% | 16, 93, 0, 66 | |
| Sugarloaf Brown | #554400 | 85, 68, 0 | 48°, 100%, 17% | 0, 20, 100, 67 | |
| Breathe Deeply | #015348 | 1, 83, 72 | 172°, 98%, 16% | 99, 0, 13, 67 | |
| Shiffurple | #9900AA | 153, 0, 170 | 294°, 100%, 33% | 10, 100, 0, 33 | |
| Noir Mystique | #1F180A | 31, 24, 10 | 40°, 51%, 8% | 0, 23, 68, 88 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9900AA on #1F180A | 2.46:1 | — |
| Aa #480656 on #9900AA | 2.04:1 | — |
| Aa #015348 on #1F180A | 1.95:1 | — |
| Aa #554400 on #1F180A | 1.85:1 | — |
| Aa #480656 on #015348 | 1.62:1 | — |
| Aa #480656 on #554400 | 1.54:1 | — |
CSS variables
:root {
--color-1: #480656; /* Clairvoyant */
--color-2: #554400; /* Sugarloaf Brown */
--color-3: #015348; /* Breathe Deeply */
--color-4: #9900aa; /* Shiffurple */
--color-5: #1f180a; /* Noir Mystique */
}Other schemes from Clairvoyant
- Clairvoyant Complementary Color Scheme#480656#8601AF#195905#031602#22BB11
- Clairvoyant Analogous Color Scheme#001155#220055#480656#5C0536#560319
- Clairvoyant Split-complementary Color Scheme#480656#35530A#005522#180614#669900
- Clairvoyant Tetradic Color Scheme#480656#552200#195905#123D55#9900AA
- Clairvoyant Monochromatic Color Scheme#180614#180614#480656#880099#CC00EE
More Very Dark Purple triadic palettes
- Back in Black Triadic Color Scheme#16141C#1B1811#191916#4B365F#130D0D
- Coal Mine Triadic Color Scheme#220033#332200#003322#660099#1C1208
- Cotinga Purple Triadic Color Scheme#340059#553300#005437#6611AA#1C1208
- Hollow Knight Triadic Color Scheme#330055#553300#005437#6611AA#1C1208
- Midnight Monarch Triadic Color Scheme#1C0F33#361D0A#0D2E1C#4C2882#130D07
- Quiet Abyss Triadic Color Scheme#160435#391802#003311#320094#1A0600
- Violet Void Triadic Color Scheme#1A161D#231712#12221D#4A3C62#14100E
- Your Darkness Triadic Color Scheme#220044#442200#004422#5500AA#1C1208
Questions
What colors go with Clairvoyant?
In a triadic scheme: Sugarloaf Brown (#554400), Breathe Deeply (#015348), Shiffurple (#9900AA), Noir Mystique (#1F180A).
What is the hex code of Clairvoyant?
#480656.