Nazwany kolor · #EEF0D6
Morning Glow
Morning Glow to #EEF0D6: rgb(238 240 214), hsl(65 46% 89%), oklch(0.947 0.034 110.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Morning Glow color name →
#EEF0D6
oklch(0.947 0.034 110.6)
Konwersje koloru
- HEX
- #eef0d6
- RGB
- rgb(238 240 214)
- HSL
- hsl(65 46% 89%)
- HWB
- hwb(65 84% 6%)
- OKLCH
- oklch(0.947 0.034 110.6)
- OKLab
- oklab(0.947 -0.012 0.032)
- CIE Lab
- lab(94.13 -3.96 12.38)
- LCH
- lch(94.13 13 107.7)
- CMYK
- cmyk(1% 0% 11% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0F2DA
- F1F3DE
- F3F5E2
- F5F6E6
- F6F8EB
- F8F9EF
- FAFBF3
- FCFCF7
- FDFEFB
Odcienie ciemniejsze
- CFD1BA
- B1B29E
- 939584
- 77786A
- 5C5D52
- 42433B
- 2A2A25
- 141410
- 030302
Tony
- E2E4CD
- D7D9C4
- CCCDBB
- C0C2B3
- B5B6AA
- AAABA2
- A0A099
- 959591
- 8A8B88
Harmonie kolorów
Komplementarna +180°
- EEF0D6
Morning Glow
- EDEBFF
≈ Placebo Purple
Analogowa -30° +30°
- EEF0D6
Morning Glow
- FAECD4
≈ Junket
- E2F4DE
≈ Friendly Basilisk
Triada +120° +240°
- EEF0D6
Morning Glow
- D9F2FF
≈ Wizard White
- FFE5F0
≈ Sweetly
Komplementarna rozszczepiona +150° +210°
- EEF0D6
Morning Glow
- E4EEFF
≈ Brilliant White
- F8E6FC
≈ Soft Lavender
Tetrada +90° +180° +270°
- EEF0D6
Morning Glow
- D4F5F7
≈ Fishious Rend
- EDEBFF
≈ Placebo Purple
- FFE7E6
≈ Pink Theory
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.16:1 · APCA Lc 8
Ag
AAANa czerni
WCAG 18.07:1 · APCA Lc 97
Najlepszy kolor tekstu: #000000
WCAG 18.07:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--morning-glow: #eef0d6;
--morning-glow-rgb: 238 240 214;
--morning-glow-oklch: oklch(0.947 0.034 110.6);
}
.element {
color: var(--morning-glow);
background-color: hsl(65 46% 89%);
border-color: oklch(0.947 0.034 110.6);
}Tailwind CSS v4
@theme {
--color-morning-glow: #eef0d6;
--color-morning-glow-50: #f5f6eb;
--color-morning-glow-100: #e8e9dc;
--color-morning-glow-200: #d4d6c6;
--color-morning-glow-300: #b7baa6;
--color-morning-glow-400: #9fa18a;
--color-morning-glow-500: #87896f;
--color-morning-glow-600: #72745e;
--color-morning-glow-700: #5b5c4b;
--color-morning-glow-800: #434336;
--color-morning-glow-900: #2e2f25;
--color-morning-glow-950: #1b1b13;
}SCSS
$morning-glow: #eef0d6;
$morning-glow-rgb: 238, 240, 214;
$morning-glow-light: mix(#fff, $morning-glow, 20%);
$morning-glow-dark: mix(#000, $morning-glow, 20%);
.element {
color: $morning-glow;
box-shadow: 0 0 0 2px rgba($morning-glow, 0.35);
}