Buttermilk Complementary Color Scheme
Five colors arranged by the complementary rule around Buttermilk (#FFFEE4), each snapped to its nearest named color.
#FFFEE4
#FFFEE5
#E5E5FA
#9999FF
#E6E6FA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Buttermilk | #FFFEE4 | 255, 254, 228 | 58°, 100%, 95% | 0, 0, 11, 0 | |
| Wedding in White | #FFFEE5 | 255, 254, 229 | 58°, 100%, 95% | 0, 0, 10, 0 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 | |
| Cobalite | #9999FF | 153, 153, 255 | 240°, 100%, 80% | 40, 40, 0, 0 | |
| Cyber Lavender | #E6E6FA | 230, 230, 250 | 240°, 67%, 94% | 8, 8, 0, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFEE5 on #9999FF | 2.46:1 | — |
| Aa #FFFEE4 on #9999FF | 2.46:1 | — |
| Aa #9999FF on #E6E6FA | 2.04:1 | — |
| Aa #E5E5FA on #9999FF | 2.03:1 | — |
| Aa #FFFEE5 on #E5E5FA | 1.22:1 | — |
| Aa #FFFEE4 on #E5E5FA | 1.21:1 | — |
CSS variables
:root {
--color-1: #fffee4; /* Buttermilk */
--color-2: #fffee5; /* Wedding in White */
--color-3: #e5e5fa; /* Lavender Mist */
--color-4: #9999ff; /* Cobalite */
--color-5: #e6e6fa; /* Cyber Lavender */
}Other schemes from Buttermilk
- Buttermilk Analogous Color Scheme#FFE6E4#FFF0E3#FFFEE4#F6FFE8#E1F8E7
- Buttermilk Triadic Color Scheme#FFFEE4#E7FEFF#FFEBFE#FFFEE5#99FFFF
- Buttermilk Split-complementary Color Scheme#FFFEE4#E8F5FC#F0EBFC#FDFD96#E8F5FC
- Buttermilk Tetradic Color Scheme#FFFEE4#E6FDF1#E5E5FA#FFE3F4#FFFEE5
- Buttermilk Monochromatic Color Scheme#FBFB4C#FDFD96#FFFEE4#FFFEE5#FFFEE5
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 Buttermilk?
In a complementary scheme: Wedding in White (#FFFEE5), Lavender Mist (#E5E5FA), Cobalite (#9999FF), Cyber Lavender (#E6E6FA).
What is the hex code of Buttermilk?
#FFFEE4.