Citadel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Citadel (#6A7F8B), each snapped to its nearest named color.
#6A7F8B
#975B60
#9E915C
#3C586B
#BB8A8E
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Citadel | #6A7F8B | 106, 127, 139 | 202°, 13%, 48% | 24, 9, 0, 45 | 58.4% 0.031 233 | |
| Ruby Crystal | #975B60 | 151, 91, 96 | 355°, 25%, 47% | 0, 40, 36, 41 | 54.0% 0.079 15 | |
| Tirol | #9E915C | 158, 145, 92 | 48°, 26%, 49% | 0, 8, 42, 38 | 65.5% 0.073 96 | |
| Indian Teal | #3C586B | 60, 88, 107 | 204°, 28%, 33% | 44, 18, 0, 58 | 44.6% 0.046 239 | |
| Shabby Chic | #BB8A8E | 187, 138, 142 | 355°, 26%, 64% | 0, 26, 24, 27 | 68.2% 0.060 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #3C586B on #BB8A8E | 2.55:1 | — |
| Aa #9E915C on #3C586B | 2.38:1 | — |
| Aa #975B60 on #BB8A8E | 1.79:1 | — |
| Aa #6A7F8B on #3C586B | 1.79:1 | — |
| Aa #975B60 on #9E915C | 1.67:1 | — |
| Aa #6A7F8B on #BB8A8E | 1.42:1 | — |
CSS variables
:root {
--color-1: #6a7f8b; /* Citadel */
--color-2: #975b60; /* Ruby Crystal */
--color-3: #9e915c; /* Tirol */
--color-4: #3c586b; /* Indian Teal */
--color-5: #bb8a8e; /* Shabby Chic */
}Other schemes from Citadel
- Citadel Complementary Color Scheme#6A7F8B#93AEBC#97725F#6C4F3F#C3A998
- Citadel Analogous Color Scheme#5F9370#5F9E8F#6A7F8B#5D6098#6C5D97
- Citadel Triadic Color Scheme#6A7F8B#915C83#839B5C#97B4C3#6E3D58
- Citadel Tetradic Color Scheme#6A7F8B#875F9A#97725F#6A9D5D#97B4C3
- Citadel Monochromatic Color Scheme#293135#495762#6A7F8B#91A3B0#BFC9D0
More medium blue split-complementary color schemes
- Admiral Blue Split-complementary Color Scheme#50647F#814D50#7F8353#2F3F53#A97673
- Aster Split-complementary Color Scheme#867BA9#AF9C76#88AA77#5C5083#C7C0A7
- Azure Split-complementary Color Scheme#007FFF#FF0000#FEFF00#095BAF#FF474C
- Bay View Split-complementary Color Scheme#6A819E#A26766#9CA664#475877#BA9B97
- Beach View Split-complementary Color Scheme#4F7694#954C52#948F54#324C61#B7757C
- Bellflower Split-complementary Color Scheme#5D66AA#AD785C#88A95B#4B4775#C3A491
- Blasphemous Blue Split-complementary Color Scheme#3356AA#A94E37#8DA936#243F6C#CE7259
- Blue Split-complementary Color Scheme#0000FF#FF7F00#88FF00#0000BB#FFA64F
- Blue Burst Split-complementary Color Scheme#309CD0#D02B48#CEB736#256D8D#DC6C84
- Blue Overdose Split-complementary Color Scheme#0020EF#EE5500#8EFA00#0018A8#FA873D
- Blue Ribbon Split-complementary Color Scheme#0066FF#FF1500#E3FF00#0048BA#FC5A50
- Blue Triumph Split-complementary Color Scheme#4376AB#AB4343#A5A943#284C75#C97376
Questions
What colors go with Citadel?
In a split-complementary scheme: Ruby Crystal (#975B60), Tirol (#9E915C), Indian Teal (#3C586B), Shabby Chic (#BB8A8E).
What is the hex code of Citadel?
#6A7F8B.