Silent Night Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Silent Night (#526771), each snapped to its nearest named color.
#526771
#7A4B56
#7D7248
#2D454A
#A56E75
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Silent Night | #526771 | 82, 103, 113 | 199°, 16%, 38% | 27, 9, 0, 56 | 50.0% 0.030 228 | |
| Nocturne Red | #7A4B56 | 122, 75, 86 | 346°, 24%, 39% | 0, 39, 30, 52 | 47.0% 0.065 5 | |
| Olive Shade | #7D7248 | 125, 114, 72 | 48°, 27%, 39% | 0, 9, 42, 51 | 55.2% 0.061 95 | |
| Little Mermaid | #2D454A | 45, 69, 74 | 190°, 24%, 23% | 39, 7, 0, 71 | 37.3% 0.031 212 | |
| Turkish Rose | #A56E75 | 165, 110, 117 | 352°, 23%, 54% | 0, 33, 29, 35 | 59.8% 0.071 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2D454A on #A56E75 | 2.47:1 | — |
| Aa #7D7248 on #2D454A | 2.12:1 | — |
| Aa #526771 on #2D454A | 1.72:1 | — |
| Aa #7A4B56 on #A56E75 | 1.71:1 | — |
| Aa #7A4B56 on #7D7248 | 1.47:1 | — |
| Aa #7A4B56 on #2D454A | 1.44:1 | — |
CSS variables
:root {
--color-1: #526771; /* Silent Night */
--color-2: #7a4b56; /* Nocturne Red */
--color-3: #7d7248; /* Olive Shade */
--color-4: #2d454a; /* Little Mermaid */
--color-5: #a56e75; /* Turkish Rose */
}Other schemes from Silent Night
- Silent Night Complementary Color Scheme#526771#7595AB#7B5847#4A352B#AE8A78
- Silent Night Analogous Color Scheme#4C785C#457973#526771#4C5079#584C77
- Silent Night Triadic Color Scheme#526771#7B4D6B#6E7C45#7B9EB0#532D45
- Silent Night Tetradic Color Scheme#526771#724C7B#7B5847#507B49#7B9EB0
- Silent Night Monochromatic Color Scheme#0F1519#373F43#526771#758F9A#A0B3BC
More dark blue split-complementary color schemes
- 20000 Leagues Under the Sea Split-complementary Color Scheme#191970#704214#536B1F#090533#AA6D28
- 3AM in Shibuya Split-complementary Color Scheme#225577#7B222A#747028#172B36#BB3344
- Abyssal Split-complementary Color Scheme#404C57#5E3A39#5E5D3D#1B2632#8D5455
- Aegean Blue Split-complementary Color Scheme#1B416F#701C1C#706C11#0E1D32#A92C29
- Alone in the Dark Split-complementary Color Scheme#000066#663300#376D03#01081C#B25F03
- Assassin Split-complementary Color Scheme#2D4F83#87382F#7C8635#1B294B#BC4E40
- Astral Split-complementary Color Scheme#376F89#8B3643#887938#234251#B8516A
- Atlantic Navy Split-complementary Color Scheme#13336F#772211#6A6E09#041330#AF3519
- Atlantis Split-complementary Color Scheme#336172#703642#736330#1E323B#A44B62
- Below the Surface Split-complementary Color Scheme#0A2F7C#7C1E08#6C7A0E#041330#C93413
- Beyond the Sea Split-complementary Color Scheme#005784#840014#8F7303#02273A#D00220
- Black Market Split-complementary Color Scheme#222244#433120#37412A#0B0C14#75583D
Questions
What colors go with Silent Night?
In a split-complementary scheme: Nocturne Red (#7A4B56), Olive Shade (#7D7248), Little Mermaid (#2D454A), Turkish Rose (#A56E75).
What is the hex code of Silent Night?
#526771.