Fawn Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fawn (#CFAF7B), each snapped to its nearest named color.
#CFAF7B
#7DC4CD
#8878C3
#B88B46
#B3DAE2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fawn | #CFAF7B | 207, 175, 123 | 37°, 47%, 65% | 0, 15, 41, 19 | |
| Wavelet | #7DC4CD | 125, 196, 205 | 187°, 44%, 65% | 39, 4, 0, 20 | |
| Ube | #8878C3 | 136, 120, 195 | 253°, 38%, 62% | 30, 38, 0, 24 | |
| Sun Valley Vista | #B88B46 | 184, 139, 70 | 36°, 45%, 50% | 0, 24, 62, 28 | |
| Blue Shimmer | #B3DAE2 | 179, 218, 226 | 190°, 45%, 79% | 21, 4, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8878C3 on #B3DAE2 | 2.54:1 | — |
| Aa #B88B46 on #B3DAE2 | 2.06:1 | — |
| Aa #7DC4CD on #8878C3 | 1.93:1 | — |
| Aa #CFAF7B on #8878C3 | 1.82:1 | — |
| Aa #7DC4CD on #B88B46 | 1.56:1 | — |
| Aa #CFAF7B on #B88B46 | 1.48:1 | — |
CSS variables
:root {
--color-1: #cfaf7b; /* Fawn */
--color-2: #7dc4cd; /* Wavelet */
--color-3: #8878c3; /* Ube */
--color-4: #b88b46; /* Sun Valley Vista */
--color-5: #b3dae2; /* Blue Shimmer */
}Other schemes from Fawn
- Fawn Complementary Color Scheme#CFAF7B#E7D8BE#7A9DCB#4675B7#C6D5EA
- Fawn Analogous Color Scheme#D37C99#CD827D#CFAF7B#C5D17B#9DCA7B
- Fawn Triadic Color Scheme#CFAF7B#78D1B1#B57EDC#EADCC6#47BA87
- Fawn Tetradic Color Scheme#CFAF7B#78CF86#7A9DCB#CC77CC#EADCC6
- Fawn Monochromatic Color Scheme#856829#B88B46#CFAF7B#E2D0B3#F6F4EC
More Light Orange split-complementary palettes
- 24 Karat Split-complementary Color Scheme#DFC685#83C7DF#8A83DA#CFAC47#C1E4F0
- 3AM Latte Split-complementary Color Scheme#C0A98E#8FBCC4#8A8DC4#A9855D#BCDBDB
- Ancestral Gold Split-complementary Color Scheme#DDCDA6#A5D4DC#B4A6D5#C6AD6F#DDF0F0
- Angry Pasta Split-complementary Color Scheme#FFCC55#55DDFF#7755FF#FEB308#A6E7FF
- Anise Biscotti Split-complementary Color Scheme#E5D5AE#ADDAE3#ACACE6#D1B871#E8F4F7
- Another One Bites the Dust Split-complementary Color Scheme#C7BBA4#A4C3C5#AFA5C7#AD9773#D3E3E5
- Apricot Split-complementary Color Scheme#FFB16D#6FFFFF#7777FF#FF8822#BBFFFF
- Apricotta Split-complementary Color Scheme#D8A48F#8DD9CC#8B98D8#C57556#CAEDE4
- Artisans Gold Split-complementary Color Scheme#F2AB46#45E9FD#524EFB#DD8811#8AF1FE
- Ashes to Ashes Split-complementary Color Scheme#BBB3A2#9BBCC3#A598C4#A8946B#CADCDE
- Atomic Tangerine Split-complementary Color Scheme#FF9966#66EEEE#6688FF#FF6316#BBFFEE
- Attic Linen Split-complementary Color Scheme#CCBCA9#A7CAC9#ACA8CD#B09879#DAE7E9
Questions
What colors go with Fawn?
In a split-complementary scheme: Wavelet (#7DC4CD), Ube (#8878C3), Sun Valley Vista (#B88B46), Blue Shimmer (#B3DAE2).
What is the hex code of Fawn?
#CFAF7B.