Faded Letter Complementary Color Scheme
Five colors arranged by the complementary rule around Faded Letter (#BFAC86), each snapped to its nearest named color.
#BFAC86
#DFD6C1
#869CBB
#5870A4
#C8D2E2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Faded Letter | #BFAC86 | 191, 172, 134 | 40°, 31%, 64% | 0, 10, 30, 25 | |
| Rococo Beige | #DFD6C1 | 223, 214, 193 | 42°, 32%, 82% | 0, 4, 13, 13 | |
| Sailing | #869CBB | 134, 156, 187 | 215°, 28%, 63% | 28, 17, 0, 27 | |
| Splendour and Pride | #5870A4 | 88, 112, 164 | 221°, 30%, 49% | 46, 32, 0, 36 | |
| Pale Periwinkle | #C8D2E2 | 200, 210, 226 | 217°, 31%, 84% | 12, 7, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DFD6C1 on #5870A4 | 3.40:1 | AA large |
| Aa #5870A4 on #C8D2E2 | 3.23:1 | AA large |
| Aa #BFAC86 on #5870A4 | 2.22:1 | — |
| Aa #DFD6C1 on #869CBB | 1.94:1 | — |
| Aa #869CBB on #C8D2E2 | 1.84:1 | — |
| Aa #869CBB on #5870A4 | 1.75:1 | — |
CSS variables
:root {
--color-1: #bfac86; /* Faded Letter */
--color-2: #dfd6c1; /* Rococo Beige */
--color-3: #869cbb; /* Sailing */
--color-4: #5870a4; /* Splendour and Pride */
--color-5: #c8d2e2; /* Pale Periwinkle */
}Other schemes from Faded Letter
- Faded Letter Analogous Color Scheme#BB8899#BB8E84#BFAC86#B9BE82#99BE85
- Faded Letter Triadic Color Scheme#BFAC86#81BCA8#AA8CBC#E3DAC9#52A786
- Faded Letter Split-complementary Color Scheme#BFAC86#8AB5BD#9187BD#A78A59#B8D5D7
- Faded Letter Tetradic Color Scheme#BFAC86#83BA8E#869CBB#BA86B5#E3DAC9
- Faded Letter Monochromatic Color Scheme#715D3D#A78A59#BFAC86#D8CEB9#F5F1EA
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 Faded Letter?
In a complementary scheme: Rococo Beige (#DFD6C1), Sailing (#869CBB), Splendour and Pride (#5870A4), Pale Periwinkle (#C8D2E2).
What is the hex code of Faded Letter?
#BFAC86.