Lotion Triadic Color Scheme
Five colors arranged by the triadic rule around Lotion (#FEFDFA), each snapped to its nearest named color.
#FEFDFA
#EBFCF5
#F8EBFC
#FCF7EB
#B0EEE2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lotion | #FEFDFA | 254, 253, 250 | 45°, 67%, 99% | 0, 0, 2, 0 | 99.4% 0.004 91 | |
| Placebo Turquoise | #EBFCF5 | 235, 252, 245 | 155°, 74%, 95% | 7, 0, 3, 1 | 97.7% 0.020 169 | |
| Placebo Fuchsia | #F8EBFC | 248, 235, 252 | 286°, 74%, 95% | 2, 7, 0, 1 | 95.5% 0.026 318 | |
| Pearl Necklace | #FCF7EB | 252, 247, 235 | 42°, 74%, 95% | 0, 2, 7, 1 | 97.7% 0.017 88 | |
| East Cape | #B0EEE2 | 176, 238, 226 | 168°, 65%, 81% | 26, 0, 5, 7 | 90.4% 0.065 182 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FEFDFA on #B0EEE2 | 1.28:1 | — |
| Aa #EBFCF5 on #B0EEE2 | 1.22:1 | — |
| Aa #FCF7EB on #B0EEE2 | 1.21:1 | — |
| Aa #F8EBFC on #B0EEE2 | 1.13:1 | — |
| Aa #FEFDFA on #F8EBFC | 1.13:1 | — |
| Aa #EBFCF5 on #F8EBFC | 1.08:1 | — |
CSS variables
:root {
--color-1: #fefdfa; /* Lotion */
--color-2: #ebfcf5; /* Placebo Turquoise */
--color-3: #f8ebfc; /* Placebo Fuchsia */
--color-4: #fcf7eb; /* Pearl Necklace */
--color-5: #b0eee2; /* East Cape */
}Other schemes from Lotion
- Lotion Complementary Color Scheme#FEFDFA#FCF7EB#E7EFFB#BBCFEF#E7EFFB
- Lotion Analogous Color Scheme#F8EAED#FAEFE9#FEFDFA#F6FCEB#F1FAEA
- Lotion Split-complementary Color Scheme#FEFDFA#E8F5FC#F0EBFC#EFE4BB#E8F5FC
- Lotion Tetradic Color Scheme#FEFDFA#EBFCEC#E7EFFB#FCEBF4#FCF7EB
- Lotion Monochromatic Color Scheme#E2C779#EFE4BB#FEFDFA#FCF7EB#FCF7EB
More white triadic color schemes
- Anti-Flash White Triadic Color Scheme#F2F3F4#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Beluga Triadic Color Scheme#EFF2F1#F3F1F3#F3F2ED#F0F4F2#CFBBD8
- Brilliance Triadic Color Scheme#FDFDFD#EFF5F1#EBF1F5#F4EFEE#CCE2CA
- Ceramic Triadic Color Scheme#FCFFF9#E8F5FC#FFE6F1#F6FFE8#A7D7FF
- Chef’s Hat Triadic Color Scheme#F3F4F5#F5F0F1#F4F4F0#EEF2F3#DAC0CD
- Cloud Break Triadic Color Scheme#F6F1FE#FCF0E5#E6FDF1#F0EBFC#FBCAAD
- Cotton Ball Triadic Color Scheme#F2F7FD#FFEBF2#F1FDE9#E7EFFB#F4AFCD
- Doctor Triadic Color Scheme#F9F9F9#EFF5F1#EBF1F5#F4EFEE#C6DCC7
- Dr. White Triadic Color Scheme#FAFAFA#EFF5F1#EBF1F5#F4EFEE#CBDCCB
- Emptiness Triadic Color Scheme#FCFDFC#EBF1F5#F4EFEE#EFF5F1#CECAE1
- Errigal White Triadic Color Scheme#F2F2F4#F4EFEE#EFF5F1#EBF1F5#DCC0C3
- Everlasting Ice Triadic Color Scheme#F6FDFA#F3E9F7#FBF4E8#E9F9F5#D8B8F8
Questions
What colors go with Lotion?
In a triadic scheme: Placebo Turquoise (#EBFCF5), Placebo Fuchsia (#F8EBFC), Pearl Necklace (#FCF7EB), East Cape (#B0EEE2).
What is the hex code of Lotion?
#FEFDFA.