Named color · #FDEDCF
Summer Moon
Summer Moon is #FDEDCF: rgb(253 237 207), hsl(39 92% 90%), oklch(0.951 0.043 83.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Summer Moon color name →
#FDEDCF
oklch(0.951 0.043 83.2)
Color conversions
- HEX
- #fdedcf
- RGB
- rgb(253 237 207)
- HSL
- hsl(39 92% 90%)
- HWB
- hwb(39 81% 1%)
- OKLCH
- oklch(0.951 0.043 83.2)
- OKLab
- oklab(0.951 0.005 0.043)
- CIE Lab
- lab(94.46 2.11 16.65)
- LCH
- lch(94.46 16.78 82.8)
- CMYK
- cmyk(0% 6% 18% 1%)
Tints · Shades · Tones
Tints
- FDEFD4
- FDF1D9
- FEF2DE
- FEF4E2
- FEF6E7
- FEF8EC
- FEFAF1
- FFFBF5
- FFFDFA
Shades
- DCCEB4
- BCB099
- 9D937F
- 7F7767
- 625C4F
- 474238
- 2D2A23
- 161410
- 030302
Tones
- F0E2C7
- E3D6BF
- D6CBB7
- C9C0AF
- BDB5A7
- B0AA9F
- A49F97
- 98958F
- 8C8A88
Color harmonies
Complementary +180°
- FDEDCF
Summer Moon
- E7EFFF
≈ Brilliant White
Analogous -30° +30°
- FDEDCF
Summer Moon
- FFEADE
≈ Pink Glow
- EEF3D2
≈ Race the Sun
Triadic +120° +240°
- FDEDCF
Summer Moon
- CEF8FC
≈ Tinted Ice
- FDE6FF
≈ Fairy Bubblegum Cloud
Split-complementary +150° +210°
- FDEDCF
Summer Moon
- DDF3FF
≈ Wizard White
- EFECFF
≈ Placebo Purple
Tetradic +90° +180° +270°
- FDEDCF
Summer Moon
- D3F9EC
≈ Mid Spring Morning
- E7EFFF
≈ Brilliant White
- FFE8F0
≈ Fairy Dust
Contrast & accessibility
Ag
FailOn white
WCAG 1.15:1 · APCA Lc 0
Ag
AAAOn black
WCAG 18.19:1 · APCA Lc 97
Best text color: #000000
WCAG 18.19:1 (AAA) · APCA Lc 97
Contrast pairs
Code snippets
CSS
:root {
--summer-moon: #fdedcf;
--summer-moon-rgb: 253 237 207;
--summer-moon-oklch: oklch(0.951 0.043 83.2);
}
.element {
color: var(--summer-moon);
background-color: hsl(39 92% 90%);
border-color: oklch(0.951 0.043 83.2);
}Tailwind CSS v4
@theme {
--color-summer-moon: #fdedcf;
--color-summer-moon-50: #fbf4e8;
--color-summer-moon-100: #eee7d8;
--color-summer-moon-200: #ddd3c0;
--color-summer-moon-300: #c1b69f;
--color-summer-moon-400: #ab9d82;
--color-summer-moon-500: #948466;
--color-summer-moon-600: #7d7056;
--color-summer-moon-700: #645945;
--color-summer-moon-800: #4a4132;
--color-summer-moon-900: #332d22;
--color-summer-moon-950: #1f1a11;
}SCSS
$summer-moon: #fdedcf;
$summer-moon-rgb: 253, 237, 207;
$summer-moon-light: mix(#fff, $summer-moon, 20%);
$summer-moon-dark: mix(#000, $summer-moon, 20%);
.element {
color: $summer-moon;
box-shadow: 0 0 0 2px rgba($summer-moon, 0.35);
}