Whiskers Complementary Color Scheme
Five colors arranged by the complementary rule around Whiskers (#F6F1E2), each snapped to its nearest named color.
#F6F1E2
#F9F7EC
#E0E9F3
#ADBAE3
#E8EFF8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Whiskers | #F6F1E2 | 246, 241, 226 | 45°, 53%, 93% | 0, 2, 8, 4 | |
| Night Blooming Jasmine | #F9F7EC | 249, 247, 236 | 51°, 52%, 95% | 0, 1, 5, 2 | |
| Harbour Afternoon | #E0E9F3 | 224, 233, 243 | 212°, 44%, 92% | 8, 4, 0, 5 | |
| French Lilac Blue | #ADBAE3 | 173, 186, 227 | 226°, 49%, 78% | 24, 18, 0, 11 | |
| First Snow | #E8EFF8 | 232, 239, 248 | 214°, 53%, 94% | 6, 4, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F9F7EC on #ADBAE3 | 1.79:1 | — |
| Aa #F6F1E2 on #ADBAE3 | 1.70:1 | — |
| Aa #ADBAE3 on #E8EFF8 | 1.66:1 | — |
| Aa #E0E9F3 on #ADBAE3 | 1.57:1 | — |
| Aa #F9F7EC on #E0E9F3 | 1.14:1 | — |
| Aa #F6F1E2 on #E0E9F3 | 1.09:1 | — |
CSS variables
:root {
--color-1: #f6f1e2; /* Whiskers */
--color-2: #f9f7ec; /* Night Blooming Jasmine */
--color-3: #e0e9f3; /* Harbour Afternoon */
--color-4: #adbae3; /* French Lilac Blue */
--color-5: #e8eff8; /* First Snow */
}Other schemes from Whiskers
- Whiskers Analogous Color Scheme#F4E3E7#F5E7E2#F6F1E2#F0F4E5#E9F6E2
- Whiskers Triadic Color Scheme#F6F1E2#E2F7F1#F2E4F5#F9F7EC#A7E6D4
- Whiskers Split-complementary Color Scheme#F6F1E2#E2EFF3#E5E5FA#E6D4A5#EBF6F7
- Whiskers Tetradic Color Scheme#F6F1E2#E4F7E7#E0E9F3#F8E3EE#F9F7EC
- Whiskers Monochromatic Color Scheme#D3B66C#E6D4A5#F6F1E2#F9F7EC#F9F7EC
More Very Light Orange complementary palettes
- A Smell of Bakery Complementary Color Scheme#F3E9D9#F8F4ED#D8E1F1#9FB9E2#EDF2F8
- Acropolis Complementary Color Scheme#F8E2CA#FBF4E8#C6E3F7#88BBEE#EAF4FC
- Air-Kiss Complementary Color Scheme#F6DCD2#FAEFE9#D4E9F5#94D0E9#E8F5FC
- Albescent Complementary Color Scheme#E1DACB#F6F4EF#CBD1E1#99AAC8#EDF2F8
- Almond Complementary Color Scheme#EDDCC8#F8F4ED#C7DAED#95AFDC#ECF3F9
- Almond Brittle Complementary Color Scheme#E5D3B9#F8F4ED#B8CBE5#80A4CD#EDF2F8
- Alpaca Complementary Color Scheme#F9EDE2#F8F1EB#E0EBFA#A7C9EB#EAF4FC
- Ancient Scroll Complementary Color Scheme#F0E4D1#F8F4ED#D2DEF2#95AFDC#EDF2F8
- Angel Wing Complementary Color Scheme#F3DFD7#FAEFE9#D5EAF2#9DCEE3#EBF6F7
- Angelic White Complementary Color Scheme#F4EDE4#F8F4ED#E2ECF2#B0C4DE#EDF2F8
- Apricot Freeze Complementary Color Scheme#F3CFB7#FAEFE9#B8DEF2#7CB9E8#EAF4FC
- Apricot Sherbet Complementary Color Scheme#FBCD9F#FFF1E8#99CCFF#55AAFF#EAF4FC
Questions
What colors go with Whiskers?
In a complementary scheme: Night Blooming Jasmine (#F9F7EC), Harbour Afternoon (#E0E9F3), French Lilac Blue (#ADBAE3), First Snow (#E8EFF8).
What is the hex code of Whiskers?
#F6F1E2.