Dear Reader Complementary Color Scheme
Five colors arranged by the complementary rule around Dear Reader (#F5F3E6), each snapped to its nearest named color.
#F5F3E6
#F7F5ED
#E5E8F2
#ACB5DC
#E9EDF6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dear Reader | #F5F3E6 | 245, 243, 230 | 52°, 43%, 93% | 0, 1, 6, 4 | |
| Snow Day | #F7F5ED | 247, 245, 237 | 48°, 38%, 95% | 0, 1, 4, 3 | |
| Whisper Blue | #E5E8F2 | 229, 232, 242 | 226°, 33%, 92% | 5, 4, 0, 5 | |
| Sassy Violet | #ACB5DC | 172, 181, 220 | 229°, 41%, 77% | 22, 18, 0, 14 | |
| Coconut White | #E9EDF6 | 233, 237, 246 | 222°, 42%, 94% | 5, 4, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F7F5ED on #ACB5DC | 1.85:1 | — |
| Aa #F5F3E6 on #ACB5DC | 1.81:1 | — |
| Aa #ACB5DC on #E9EDF6 | 1.72:1 | — |
| Aa #E5E8F2 on #ACB5DC | 1.65:1 | — |
| Aa #F7F5ED on #E5E8F2 | 1.12:1 | — |
| Aa #F5F3E6 on #E5E8F2 | 1.10:1 | — |
CSS variables
:root {
--color-1: #f5f3e6; /* Dear Reader */
--color-2: #f7f5ed; /* Snow Day */
--color-3: #e5e8f2; /* Whisper Blue */
--color-4: #acb5dc; /* Sassy Violet */
--color-5: #e9edf6; /* Coconut White */
}Other schemes from Dear Reader
- Dear Reader Analogous Color Scheme#F4E5E7#F6EBE6#F5F3E6#F0F4E5#EAF5E7
- Dear Reader Triadic Color Scheme#F5F3E6#E2F7F1#F2E4F5#F7F5ED#ACDFDD
- Dear Reader Split-complementary Color Scheme#F5F3E6#E7F0F7#ECE7F2#DFD8B3#ECF3F9
- Dear Reader Tetradic Color Scheme#F5F3E6#E6F2EA#E5E8F2#F8E3EE#F7F5ED
- Dear Reader Monochromatic Color Scheme#C7BB73#DFD8B3#F5F3E6#F7F5ED#F7F5ED
More Very Light Yellow complementary palettes
- Au Clair de la Lune Complementary Color Scheme#F4F2E2#F9F7EC#E1E6F2#ACB5DC#E9EDF6
- Banan-Appeal Complementary Color Scheme#FAF3A6#FFFBE8#AAAAFF#5566EE#E6E8FA
- Banana Cream Complementary Color Scheme#FFF49C#FFFCE4#99AAFF#5566FF#E6E8FA
- Banana Milk Complementary Color Scheme#FFF7AD#FFFEE5#B5AFFF#6666FF#E6E8FA
- Banana Split Complementary Color Scheme#F7EEC8#FBF9E8#C9D1EF#8F99FB#E8EEFE
- Blanc Cassé Complementary Color Scheme#F1EEE2#F7F5ED#E1E6F2#ABB6D7#EDF2F8
- Blanco Complementary Color Scheme#EBEAE5#F6F4EF#E0E3EF#B2B7D1#EEF2F3
- Bleached Sunflower Complementary Color Scheme#FBE8A8#FFF9E7#A2BFFE#5588FF#E8EEFE
- Blond Complementary Color Scheme#FAF0BE#FFF9E7#BBCFEF#6888FC#E8EEFE
- Bollywood Gold Complementary Color Scheme#FFFBAB#FFFEE5#AAAAFF#5566FF#E6E6FA
- Bullet Hell Complementary Color Scheme#FAF1C8#FBF9E8#CCD5FF#8F99FB#E8EEFE
- Butter Honey Complementary Color Scheme#F5E5AB#FBF9E8#B8B8F8#6488EA#E8EEFE
Questions
What colors go with Dear Reader?
In a complementary scheme: Snow Day (#F7F5ED), Whisper Blue (#E5E8F2), Sassy Violet (#ACB5DC), Coconut White (#E9EDF6).
What is the hex code of Dear Reader?
#F5F3E6.