Benannte Farbe · #F3E6CE
Morning Sun
Morning Sun ist #F3E6CE: rgb(243 230 206), hsl(39 61% 88%), oklch(0.929 0.035 82.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Morning Sun color name →
#F3E6CE
oklch(0.929 0.035 82.9)
Farbumrechnungen
- HEX
- #f3e6ce
- RGB
- rgb(243 230 206)
- HSL
- hsl(39 61% 88%)
- HWB
- hwb(39 81% 5%)
- OKLCH
- oklch(0.929 0.035 82.9)
- OKLab
- oklab(0.929 0.004 0.034)
- CIE Lab
- lab(91.87 1.7 13.41)
- LCH
- lch(91.87 13.52 82.8)
- CMYK
- cmyk(0% 5% 15% 5%)
Tints · Shades · Tones
Tints
- F4E9D3
- F5EBD8
- F7EEDD
- F8F0E2
- F9F3E6
- FAF5EB
- FBF8F0
- FDFAF5
- FEFDFA
Shades
- D3C8B3
- B4AB98
- 978E7F
- 7A7366
- 5E594E
- 444038
- 2B2823
- 14130F
- 030302
Tones
- E7DBC6
- DBD1BE
- CFC6B6
- C3BCAE
- B8B2A6
- ACA89F
- A19D97
- 96948F
- 8B8A88
Farbharmonien
Komplementär +180°
- F3E6CE
Morning Sun
- DCE8FF
≈ Cloudless
Analog -30° +30°
- F3E6CE
Morning Sun
- FBE2D3
≈ Ephemeral Peach
- E7EAD0
≈ Saffron Bread
Triadisch +120° +240°
- F3E6CE
Morning Sun
- CEEFF2
≈ Diamond League
- F3E0F5
≈ Sheer Lavender
Geteilt komplementär +150° +210°
- F3E6CE
Morning Sun
- D2ECFB
≈ Ice Castle
- E8E4FD
≈ Lavender Mist
Tetradisch +90° +180° +270°
- F3E6CE
Morning Sun
- D1F0E5
≈ Shimmering Pool
- DCE8FF
≈ Cloudless
- FBDFE9
≈ Watermelon Mousse
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.23:1 · APCA Lc 12
Ag
AAAAuf Schwarz
WCAG 17.02:1 · APCA Lc 92
Beste Textfarbe: #000000
WCAG 17.02:1 (AAA) · APCA Lc 92
Contrast pairs
Code-Snippets
CSS
:root {
--morning-sun: #f3e6ce;
--morning-sun-rgb: 243 230 206;
--morning-sun-oklch: oklch(0.929 0.035 82.9);
}
.element {
color: var(--morning-sun);
background-color: hsl(39 61% 88%);
border-color: oklch(0.929 0.035 82.9);
}Tailwind CSS v4
@theme {
--color-morning-sun: #f3e6ce;
--color-morning-sun-50: #faf5ea;
--color-morning-sun-100: #ede7db;
--color-morning-sun-200: #dbd3c4;
--color-morning-sun-300: #c0b6a4;
--color-morning-sun-400: #a99d88;
--color-morning-sun-500: #92846c;
--color-morning-sun-600: #7b705c;
--color-morning-sun-700: #625a49;
--color-morning-sun-800: #494135;
--color-morning-sun-900: #322d24;
--color-morning-sun-950: #1e1a13;
}SCSS
$morning-sun: #f3e6ce;
$morning-sun-rgb: 243, 230, 206;
$morning-sun-light: mix(#fff, $morning-sun, 20%);
$morning-sun-dark: mix(#000, $morning-sun, 20%);
.element {
color: $morning-sun;
box-shadow: 0 0 0 2px rgba($morning-sun, 0.35);
}