Gryphon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gryphon (#838585), each snapped to its nearest named color.
#838585
#A06582
#A38565
#447777
#BA97A9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Gryphon | #838585 | 131, 133, 133 | 180°, 1%, 52% | 2, 0, 0, 48 | 61.5% 0.002 197 | |
| Love Poem | #A06582 | 160, 101, 130 | 331°, 24%, 51% | 0, 37, 19, 37 | 58.0% 0.085 349 | |
| Crumbling Cork | #A38565 | 163, 133, 101 | 31°, 25%, 52% | 0, 18, 38, 36 | 63.7% 0.058 68 | |
| Tropical Rain | #447777 | 68, 119, 119 | 180°, 27%, 37% | 43, 0, 0, 53 | 53.4% 0.055 196 | |
| Violet Fantasy | #BA97A9 | 186, 151, 169 | 329°, 20%, 66% | 0, 19, 9, 27 | 71.4% 0.048 346 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #447777 on #BA97A9 | 1.95:1 | — |
| Aa #A06582 on #BA97A9 | 1.73:1 | — |
| Aa #A38565 on #447777 | 1.47:1 | — |
| Aa #838585 on #BA97A9 | 1.43:1 | — |
| Aa #838585 on #447777 | 1.36:1 | — |
| Aa #A38565 on #BA97A9 | 1.33:1 | — |
CSS variables
:root {
--color-1: #838585; /* Gryphon */
--color-2: #a06582; /* Love Poem */
--color-3: #a38565; /* Crumbling Cork */
--color-4: #447777; /* Tropical Rain */
--color-5: #ba97a9; /* Violet Fantasy */
}Other schemes from Gryphon
- Gryphon Complementary Color Scheme#838585#9EC6C6#A46366#774645#C6A4A4
- Gryphon Analogous Color Scheme#73A263#64A281#838585#6586A5#6264A6
- Gryphon Triadic Color Scheme#838585#A063A1#A0A667#A4C8C8#784674
- Gryphon Tetradic Color Scheme#838585#9264A2#A46366#85A16A#A4C8C8
- Gryphon Monochromatic Color Scheme#383838#5C5E5F#838585#A9AAAB#D0D2D1
More medium gray split-complementary color schemes
- Abandoned Spaceship Split-complementary Color Scheme#747A8A#9F715F#8C9E5E#445172#B5998E
- Acoustic Brown Split-complementary Color Scheme#766B69#588A79#5A6A8C#5B3D34#7DB39E
- Alley Cat Split-complementary Color Scheme#656874#886150#728A51#343E54#AE8A78
- Aloe Tip Split-complementary Color Scheme#8A9480#6C70A9#A66DA1#647F4A#9D9AC4
- Aluminium Split-complementary Color Scheme#848789#A36A6D#A69D64#476476#C4989E
- Amorous Split-complementary Color Scheme#967D96#8AA56E#70A38D#7F4F78#B3C39C
- Anchovy Split-complementary Color Scheme#756F6B#538B89#565B8D#594537#79AFAD
- Archaeology Split-complementary Color Scheme#6E6A5E#506E82#5C5083#534931#719DA8
- Argent Split-complementary Color Scheme#888888#70A38D#6A8AA4#784848#9BC2B4
- Armour Split-complementary Color Scheme#74857F#9D5A8F#9C675F#416858#B98FAF
- Armoury Split-complementary Color Scheme#6A6B65#4C5E87#764F82#515131#7886AA
- Ashen Whisper Split-complementary Color Scheme#646B7A#8B5E52#868B53#3A405A#B18377
Questions
What colors go with Gryphon?
In a split-complementary scheme: Love Poem (#A06582), Crumbling Cork (#A38565), Tropical Rain (#447777), Violet Fantasy (#BA97A9).
What is the hex code of Gryphon?
#838585.