Buttermilk Tetradic Color Scheme
Five colors arranged by the tetradic rule around Buttermilk (#FFFEE4), each snapped to its nearest named color.
#FFFEE4
#E6FDF1
#E5E5FA
#FFE3F4
#FFFEE5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Buttermilk | #FFFEE4 | 255, 254, 228 | 58°, 100%, 95% | 0, 0, 11, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 | |
| Lavender Mist | #E5E5FA | 229, 229, 250 | 240°, 68%, 94% | 8, 8, 0, 2 | |
| Bunny Tail | #FFE3F4 | 255, 227, 244 | 324°, 100%, 95% | 0, 11, 4, 0 | |
| Wedding in White | #FFFEE5 | 255, 254, 229 | 58°, 100%, 95% | 0, 0, 10, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E5E5FA on #FFFEE5 | 1.22:1 | — |
| Aa #FFFEE4 on #E5E5FA | 1.21:1 | — |
| Aa #FFE3F4 on #FFFEE5 | 1.17:1 | — |
| Aa #FFFEE4 on #FFE3F4 | 1.17:1 | — |
| Aa #E6FDF1 on #E5E5FA | 1.16:1 | — |
| Aa #E6FDF1 on #FFE3F4 | 1.12:1 | — |
CSS variables
:root {
--color-1: #fffee4; /* Buttermilk */
--color-2: #e6fdf1; /* Mint Chiffon */
--color-3: #e5e5fa; /* Lavender Mist */
--color-4: #ffe3f4; /* Bunny Tail */
--color-5: #fffee5; /* Wedding in White */
}Other schemes from Buttermilk
- Buttermilk Complementary Color Scheme#FFFEE4#FFFEE5#E5E5FA#9999FF#E6E6FA
- 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 Monochromatic Color Scheme#FBFB4C#FDFD96#FFFEE4#FFFEE5#FFFEE5
More Very Light Yellow tetradic palettes
- Au Clair de la Lune Tetradic Color Scheme#F4F2E2#E5F2E7#E1E6F2#F6E2EC#F9F7EC
- Banan-Appeal Tetradic Color Scheme#FAF3A6#AAFFCC#AAAAFF#FFA6D9#FFFBE8
- Banana Cream Tetradic Color Scheme#FFF49C#96FBC4#99AAFF#FF99DD#FFFCE4
- Banana Milk Tetradic Color Scheme#FFF7AD#AAFFCC#B5AFFF#FFAADD#FFFEE5
- Banana Split Tetradic Color Scheme#F7EEC8#C9F0D1#C9D1EF#FBCCE7#FBF9E8
- Blanc Cassé Tetradic Color Scheme#F1EEE2#E4F0E8#E1E6F2#EEE1EB#F7F5ED
- Blanco Tetradic Color Scheme#EBEAE5#E1EEE6#E0E3EF#EEE1EB#F6F4EF
- Bleached Sunflower Tetradic Color Scheme#FBE8A8#A0FEBF#A2BFFE#F2ABE1#FFF9E7
- Blond Tetradic Color Scheme#FAF0BE#BEF7CF#BBCFEF#FABFE4#FFF9E7
- Bollywood Gold Tetradic Color Scheme#FFFBAB#AAFFCC#AAAAFF#FFAADD#FFFEE5
- Bullet Hell Tetradic Color Scheme#FAF1C8#CCFFDD#CCD5FF#FFC8E9#FBF9E8
- Butter Honey Tetradic Color Scheme#F5E5AB#ABEDC9#B8B8F8#F2ABE1#FBF9E8
Questions
What colors go with Buttermilk?
In a tetradic scheme: Mint Chiffon (#E6FDF1), Lavender Mist (#E5E5FA), Bunny Tail (#FFE3F4), Wedding in White (#FFFEE5).
What is the hex code of Buttermilk?
#FFFEE4.