Nazwany kolor · #E0EFE9
Morning Light Wave
Morning Light Wave to #E0EFE9: rgb(224 239 233), hsl(156 32% 91%), oklch(0.939 0.018 170.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Morning Light Wave color name →
#E0EFE9
oklch(0.939 0.018 170.1)
Konwersje koloru
- HEX
- #e0efe9
- RGB
- rgb(224 239 233)
- HSL
- hsl(156 32% 91%)
- HWB
- hwb(156 88% 6%)
- OKLCH
- oklch(0.939 0.018 170.1)
- OKLab
- oklab(0.939 -0.018 0.003)
- CIE Lab
- lab(93.19 -5.96 1.11)
- LCH
- lch(93.19 6.06 169.4)
- CMYK
- cmyk(6% 0% 3% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E3F1EB
- E6F2ED
- E9F4F0
- ECF5F2
- EFF7F4
- F3F9F6
- F6FAF8
- F9FCFB
- FCFDFD
Odcienie ciemniejsze
- C3D0CB
- A6B1AD
- 8A9490
- 707874
- 565C5A
- 3E4241
- 272A29
- 121413
- 020303
Tony
- D6E3DE
- CCD8D3
- C2CCC8
- B8C1BE
- AFB6B3
- A5ABA9
- 9CA09E
- 929594
- 898B8A
Harmonie kolorów
Komplementarna +180°
- E0EFE9
Morning Light Wave
- F5E6EC
≈ Amour Frais
Analogowa -30° +30°
- E0EFE9
Morning Light Wave
- E5EEE3
≈ Calm Thoughts
- DEEFF0
≈ Soar
Triada +120° +240°
- E0EFE9
Morning Light Wave
- EAE9F6
≈ Tranquil Eve
- F5E8E1
≈ Jasmine Flower
Komplementarna rozszczepiona +150° +210°
- E0EFE9
Morning Light Wave
- F0E7F2
≈ Tranquil Eve
- F7E7E6
≈ Pink Duet
Tetrada +90° +180° +270°
- E0EFE9
Morning Light Wave
- E4EBF7
≈ Husky
- F5E6EC
≈ Amour Frais
- F1EADE
≈ Vanilla Tan
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.69:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.69:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--morning-light-wave: #e0efe9;
--morning-light-wave-rgb: 224 239 233;
--morning-light-wave-oklch: oklch(0.939 0.018 170.1);
}
.element {
color: var(--morning-light-wave);
background-color: hsl(156 32% 91%);
border-color: oklch(0.939 0.018 170.1);
}Tailwind CSS v4
@theme {
--color-morning-light-wave: #e0efe9;
--color-morning-light-wave-50: #f0f7f4;
--color-morning-light-wave-100: #e2eae7;
--color-morning-light-wave-200: #cdd7d3;
--color-morning-light-wave-300: #afbab6;
--color-morning-light-wave-400: #95a29d;
--color-morning-light-wave-500: #7b8a84;
--color-morning-light-wave-600: #687570;
--color-morning-light-wave-700: #535e59;
--color-morning-light-wave-800: #3d4441;
--color-morning-light-wave-900: #2a2f2d;
--color-morning-light-wave-950: #171c1a;
}SCSS
$morning-light-wave: #e0efe9;
$morning-light-wave-rgb: 224, 239, 233;
$morning-light-wave-light: mix(#fff, $morning-light-wave, 20%);
$morning-light-wave-dark: mix(#000, $morning-light-wave, 20%);
.element {
color: $morning-light-wave;
box-shadow: 0 0 0 2px rgba($morning-light-wave, 0.35);
}