5 colors · #FFB7C5 · #9C2B2B · #647C64 · #241E30 · #DAA520
| Color | Hex | RGB | HSL |
|---|---|---|---|
| #FFB7C5 | 255 183 197 | 348° 100% 86% | |
| #9C2B2B | 156 43 43 | 0° 57% 39% | |
| #647C64 | 100 124 100 | 120° 11% 44% | |
| #241E30 | 36 30 48 | 260° 23% 15% | |
| #DAA520 | 218 165 32 | 43° 74% 49% |
Hex list
#FFB7C5, #9C2B2B, #647C64, #241E30, #DAA520CSS variables
:root {
--kyoto-blossom-1: #FFB7C5;
--kyoto-blossom-2: #9C2B2B;
--kyoto-blossom-3: #647C64;
--kyoto-blossom-4: #241E30;
--kyoto-blossom-5: #DAA520;
}Tailwind v4
@theme {
--color-kyoto-blossom-1: #FFB7C5;
--color-kyoto-blossom-2: #9C2B2B;
--color-kyoto-blossom-3: #647C64;
--color-kyoto-blossom-4: #241E30;
--color-kyoto-blossom-5: #DAA520;
}JSON
{
"name": "Kyoto Blossom",
"colors": [
"#FFB7C5",
"#9C2B2B",
"#647C64",
"#241E30",
"#DAA520"
],
"source": "https://samanthadigital.com/exotic-colors/"
}