Benannte Farbe · #F5F5DA
Moon Sugar
Moon Sugar ist #F5F5DA: rgb(245 245 218), hsl(60 57% 91%), oklch(0.963 0.035 107). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Moon Sugar color name →
#F5F5DA
oklch(0.963 0.035 107)
Farbumrechnungen
- HEX
- #f5f5da
- RGB
- rgb(245 245 218)
- HSL
- hsl(60 57% 91%)
- HWB
- hwb(60 85% 4%)
- OKLCH
- oklch(0.963 0.035 107)
- OKLab
- oklab(0.963 -0.01 0.034)
- CIE Lab
- lab(96.01 -3.35 13.06)
- LCH
- lch(96.01 13.49 104.4)
- CMYK
- cmyk(0% 0% 11% 4%)
Tints · Shades · Tones
Tints
- F6F6DE
- F7F7E1
- F8F8E5
- F9F9E9
- FAFAED
- FBFBF0
- FCFCF4
- FDFDF8
- FEFEFB
Shades
- D5D5BD
- B6B6A2
- 989887
- 7B7B6C
- 5F5F54
- 44443C
- 2B2B25
- 151511
- 030302
Tones
- E9E9D1
- DDDDC7
- D0D1BE
- C5C5B5
- B9B9AC
- ADADA3
- A2A29A
- 969691
- 8B8B89
Farbharmonien
Komplementär +180°
- F5F5DA
Moon Sugar
- F2F1FF
≈ Cloud Break
Analog -30° +30°
- F5F5DA
Moon Sugar
- FFF1DC
≈ Flickering Light
- E8F9E2
≈ Lush Life
Triadisch +120° +240°
- F5F5DA
Moon Sugar
- E4F6FF
≈ Kodama White
- FFEDF6
≈ Partial Pink
Geteilt komplementär +150° +210°
- F5F5DA
Moon Sugar
- EBF4FF
≈ Placebo Blue
- FAEEFF
≈ Lovely Euphoric Delight
Tetradisch +90° +180° +270°
- F5F5DA
Moon Sugar
- D9FBFB
≈ Salt Mountain
- F2F1FF
≈ Cloud Break
- FFEEEE
≈ White Gloss
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.10:1 · APCA Lc 0
Ag
AAAAuf Schwarz
WCAG 18.95:1 · APCA Lc 100
Beste Textfarbe: #000000
WCAG 18.95:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--moon-sugar: #f5f5da;
--moon-sugar-rgb: 245 245 218;
--moon-sugar-oklch: oklch(0.963 0.035 107);
}
.element {
color: var(--moon-sugar);
background-color: hsl(60 57% 91%);
border-color: oklch(0.963 0.035 107);
}Tailwind CSS v4
@theme {
--color-moon-sugar: #f5f5da;
--color-moon-sugar-50: #f6f6eb;
--color-moon-sugar-100: #e8e9dc;
--color-moon-sugar-200: #d5d6c5;
--color-moon-sugar-300: #b8b9a5;
--color-moon-sugar-400: #a0a088;
--color-moon-sugar-500: #88886d;
--color-moon-sugar-600: #73735d;
--color-moon-sugar-700: #5c5c4a;
--color-moon-sugar-800: #444335;
--color-moon-sugar-900: #2f2e24;
--color-moon-sugar-950: #1b1b13;
}SCSS
$moon-sugar: #f5f5da;
$moon-sugar-rgb: 245, 245, 218;
$moon-sugar-light: mix(#fff, $moon-sugar, 20%);
$moon-sugar-dark: mix(#000, $moon-sugar, 20%);
.element {
color: $moon-sugar;
box-shadow: 0 0 0 2px rgba($moon-sugar, 0.35);
}