Moccasin (CSS) Triadic Color Scheme
Five colors arranged by the triadic rule around Moccasin (CSS) (#FFE4B5), each snapped to its nearest named color.
#FFE4B5
#B8FFEB
#E0B0FF
#FFF5E4
#7BFDC7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Moccasin (CSS) | #FFE4B5 | 255, 228, 181 | 38°, 100%, 85% | 0, 11, 29, 0 | 93.0% 0.068 81 | |
| Peppermint Frosting | #B8FFEB | 184, 255, 235 | 163°, 100%, 86% | 28, 0, 8, 0 | 94.8% 0.075 175 | |
| Mauve | #E0B0FF | 224, 176, 255 | 276°, 100%, 85% | 12, 31, 0, 0 | 82.7% 0.119 312 | |
| Silky Tofu | #FFF5E4 | 255, 245, 228 | 38°, 100%, 95% | 0, 4, 11, 0 | 97.3% 0.025 81 | |
| Iridescent Turquoise | #7BFDC7 | 123, 253, 199 | 155°, 97%, 74% | 51, 0, 21, 1 | 90.6% 0.139 164 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E0B0FF on #FFF5E4 | 1.64:1 | — |
| Aa #B8FFEB on #E0B0FF | 1.57:1 | — |
| Aa #FFE4B5 on #E0B0FF | 1.44:1 | — |
| Aa #E0B0FF on #7BFDC7 | 1.41:1 | — |
| Aa #FFF5E4 on #7BFDC7 | 1.16:1 | — |
| Aa #FFE4B5 on #FFF5E4 | 1.14:1 | — |
CSS variables
:root {
--color-1: #ffe4b5; /* Moccasin (CSS) */
--color-2: #b8ffeb; /* Peppermint Frosting */
--color-3: #e0b0ff; /* Mauve */
--color-4: #fff5e4; /* Silky Tofu */
--color-5: #7bfdc7; /* Iridescent Turquoise */
}Other schemes from Moccasin (CSS)
- Moccasin (CSS) Complementary Color Scheme#FFE4B5#FFF5E4#B1D1FC#6495ED#E8EEFE
- Moccasin (CSS) Analogous Color Scheme#FFB7CE#FDBCB4#FFE4B5#FFFFB6#CFFDBC
- Moccasin (CSS) Split-complementary Color Scheme#FFE4B5#B9F2FF#B8B8FF#FBCA69#E7FEFF
- Moccasin (CSS) Tetradic Color Scheme#FFE4B5#B6FFBB#B1D1FC#FFB3F0#FFF5E4
- Moccasin (CSS) Monochromatic Color Scheme#FFAA1D#FBCA69#FFE4B5#FFF5E4#FFF5E4
More very light orange triadic color schemes
- A Smell of Bakery Triadic Color Scheme#F3E9D9#DAF4EA#E7D7EF#F8F4ED#95E3C0
- Acropolis Triadic Color Scheme#F8E2CA#D0F7E4#E8CEF6#FBF4E8#99EEBB
- Air-Kiss Triadic Color Scheme#F6DCD2#D2F4DD#DDD6F3#FAEFE9#99EEAA
- Albescent Triadic Color Scheme#E1DACB#CAE1DA#D8CBE0#F6F4EF#9BC2B4
- Almond Triadic Color Scheme#EDDCC8#C6EADD#D5C7E8#F8F4ED#88DDBB
- Almond Brittle Triadic Color Scheme#E5D3B9#B6E5D6#D6B7E2#F8F4ED#82CDAD
- Alpaca Triadic Color Scheme#F9EDE2#E2F7F1#F0E5F5#F8F1EB#ABEDC9
- Ancient Scroll Triadic Color Scheme#F0E4D1#D2EFE6#E9D2EF#F8F4ED#98DDC5
- Angel Wing Triadic Color Scheme#F3DFD7#D7F3DD#DDD6F3#FAEFE9#99E6B3
- Angelic White Triadic Color Scheme#F4EDE4#E5F1ED#F0E5F5#F8F4ED#B0DEC8
- Apricot Freeze Triadic Color Scheme#F3CFB7#BBEFD3#CDB7FA#FAEFE9#66EEAA
- Apricot Sherbet Triadic Color Scheme#FBCD9F#96FBC4#CA9BF7#FFF1E8#56FCA2
Questions
What colors go with Moccasin (CSS)?
In a triadic scheme: Peppermint Frosting (#B8FFEB), Mauve (#E0B0FF), Silky Tofu (#FFF5E4), Iridescent Turquoise (#7BFDC7).
What is the hex code of Moccasin (CSS)?
#FFE4B5.