Stone Guardians Complementary Color Scheme
Five colors arranged by the complementary rule around Stone Guardians (#CABA97), each snapped to its nearest named color.
#CABA97
#E8E2D4
#99A8C9
#6A7FB4
#DCE0EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Stone Guardians | #CABA97 | 202, 186, 151 | 41°, 32%, 69% | 0, 8, 25, 21 | |
| Nacre | #E8E2D4 | 232, 226, 212 | 42°, 30%, 87% | 0, 3, 9, 9 | |
| Sapphire Fog | #99A8C9 | 153, 168, 201 | 221°, 31%, 69% | 24, 16, 0, 21 | |
| Marvellous | #6A7FB4 | 106, 127, 180 | 223°, 33%, 56% | 41, 29, 0, 29 | |
| Smell of Lavender | #DCE0EA | 220, 224, 234 | 223°, 25%, 89% | 6, 4, 0, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8E2D4 on #6A7FB4 | 3.06:1 | AA large |
| Aa #6A7FB4 on #DCE0EA | 2.99:1 | — |
| Aa #CABA97 on #6A7FB4 | 2.07:1 | — |
| Aa #E8E2D4 on #99A8C9 | 1.85:1 | — |
| Aa #99A8C9 on #DCE0EA | 1.81:1 | — |
| Aa #99A8C9 on #6A7FB4 | 1.66:1 | — |
CSS variables
:root {
--color-1: #caba97; /* Stone Guardians */
--color-2: #e8e2d4; /* Nacre */
--color-3: #99a8c9; /* Sapphire Fog */
--color-4: #6a7fb4; /* Marvellous */
--color-5: #dce0ea; /* Smell of Lavender */
}Other schemes from Stone Guardians
- Stone Guardians Analogous Color Scheme#CC99AA#C9A196#CABA97#C9C79A#ABCA99
- Stone Guardians Triadic Color Scheme#CABA97#98CBBA#BD97CF#EBE8DB#62AE9E
- Stone Guardians Split-complementary Color Scheme#CABA97#95C0CB#A294C9#B19664#CBDEE3
- Stone Guardians Tetradic Color Scheme#CABA97#99CEA0#99A8C9#CA93C1#EBE8DB
- Stone Guardians Monochromatic Color Scheme#847146#B19664#CABA97#E3DCCA#F6F4EF
More Light Orange complementary palettes
- 24 Karat Complementary Color Scheme#DFC685#F1E8CE#8B98D8#446CCF#D2DEF2
- 3AM Latte Complementary Color Scheme#C0A98E#E0D6C8#8FA6C1#5A7AA2#CDD7E6
- Ancestral Gold Complementary Color Scheme#DDCDA6#F6F2E8#A6BADF#7487C6#EDF2F8
- Angry Pasta Complementary Color Scheme#FFCC55#FFE9B1#5588FF#0652FF#B1D1FC
- Anise Biscotti Complementary Color Scheme#E5D5AE#F7F5EC#ADBAE3#7391CC#EDF2F8
- Another One Bites the Dust Complementary Color Scheme#C7BBA4#EAE6DC#A5B2C7#7886AA#E2E6EF
- Apricot Complementary Color Scheme#FFB16D#FEE2C8#75BBFD#2196F3#D4EAFF
- Apricotta Complementary Color Scheme#D8A48F#EFDCD3#8CC1D6#54A6C2#DCECF5
- Artisans Gold Complementary Color Scheme#F2AB46#F9D09C#4488EE#0066DD#AACCFF
- Ashes to Ashes Complementary Color Scheme#BBB3A2#E4E0D4#9EA5C3#6B7BA7#DBDFE9
- Atomic Tangerine Complementary Color Scheme#FF9966#FED8C2#66CCFF#16B8F3#D0EEFB
- Attic Linen Complementary Color Scheme#CCBCA9#EDE9E4#AABBCC#7792AF#E9EDF1
Questions
What colors go with Stone Guardians?
In a complementary scheme: Nacre (#E8E2D4), Sapphire Fog (#99A8C9), Marvellous (#6A7FB4), Smell of Lavender (#DCE0EA).
What is the hex code of Stone Guardians?
#CABA97.