Nazwany kolor · #ECE7F2
Tranquil Eve
Tranquil Eve to #ECE7F2: rgb(236 231 242), hsl(267 30% 93%), oklch(0.935 0.016 306.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Tranquil Eve color name →
#ECE7F2
oklch(0.935 0.016 306.4)
Konwersje koloru
- HEX
- #ece7f2
- RGB
- rgb(236 231 242)
- HSL
- hsl(267 30% 93%)
- HWB
- hwb(267 91% 5%)
- OKLCH
- oklch(0.935 0.016 306.4)
- OKLab
- oklab(0.935 0.009 -0.013)
- CIE Lab
- lab(92.28 3.21 -4.72)
- LCH
- lch(92.28 5.71 304.2)
- CMYK
- cmyk(2% 5% 0% 5%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEE9F3
- F0ECF5
- F2EEF6
- F4F1F7
- F5F3F9
- F7F5FA
- F9F8FB
- FBFAFC
- FDFDFE
Odcienie ciemniejsze
- CDC9D2
- AFABB4
- 928F96
- 767379
- 5B595E
- 424043
- 29282B
- 131314
- 030303
Tony
- E1DCE6
- D5D2DA
- CAC7CE
- BFBCC3
- B4B2B7
- AAA8AC
- 9F9EA1
- 959496
- 8A8A8B
Harmonie kolorów
Komplementarna +180°
- ECE7F2
Tranquil Eve
- E7ECE1
≈ Calm Thoughts
Analogowa -30° +30°
- ECE7F2
Tranquil Eve
- E6E9F4
≈ Whisper Blue
- F1E6ED
≈ Bride
Triada +120° +240°
- ECE7F2
Tranquil Eve
- F1E8DF
≈ Gardenia
- DFEDEB
≈ Roman White
Komplementarna rozszczepiona +150° +210°
- ECE7F2
Tranquil Eve
- ECEADE
≈ Swallow-Tailed Moth
- E2EDE5
≈ Molten Ice
Tetrada +90° +180° +270°
- ECE7F2
Tranquil Eve
- F4E6E2
≈ Reverie Pink
- E7ECE1
≈ Calm Thoughts
- DFECF0
≈ Prelude
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.21:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.27:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.27:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--tranquil-eve: #ece7f2;
--tranquil-eve-rgb: 236 231 242;
--tranquil-eve-oklch: oklch(0.935 0.016 306.4);
}
.element {
color: var(--tranquil-eve);
background-color: hsl(267 30% 93%);
border-color: oklch(0.935 0.016 306.4);
}Tailwind CSS v4
@theme {
--color-tranquil-eve: #ece7f2;
--color-tranquil-eve-50: #f6f4f9;
--color-tranquil-eve-100: #e9e6ec;
--color-tranquil-eve-200: #d6d2d9;
--color-tranquil-eve-300: #b9b5be;
--color-tranquil-eve-400: #a19ca6;
--color-tranquil-eve-500: #89848f;
--color-tranquil-eve-600: #746f79;
--color-tranquil-eve-700: #5c5960;
--color-tranquil-eve-800: #434147;
--color-tranquil-eve-900: #2f2d31;
--color-tranquil-eve-950: #1b1a1d;
}SCSS
$tranquil-eve: #ece7f2;
$tranquil-eve-rgb: 236, 231, 242;
$tranquil-eve-light: mix(#fff, $tranquil-eve, 20%);
$tranquil-eve-dark: mix(#000, $tranquil-eve, 20%);
.element {
color: $tranquil-eve;
box-shadow: 0 0 0 2px rgba($tranquil-eve, 0.35);
}