Nazwany kolor · #ECEAEC
Amethyst Cream
Amethyst Cream to #ECEAEC: rgb(236 234 236), hsl(300 5% 92%), oklch(0.939 0.003 325.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Amethyst Cream color name →
#ECEAEC
oklch(0.939 0.003 325.6)
Konwersje koloru
- HEX
- #eceaec
- RGB
- rgb(236 234 236)
- HSL
- hsl(300 5% 92%)
- HWB
- hwb(300 92% 7%)
- OKLCH
- oklch(0.939 0.003 325.6)
- OKLab
- oklab(0.939 0.003 -0.002)
- CIE Lab
- lab(92.9 0.96 -0.72)
- LCH
- lch(92.9 1.2 323)
- CMYK
- cmyk(0% 1% 0% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EEECEE
- F0EEF0
- F2F0F2
- F4F2F4
- F5F4F5
- F7F7F7
- F9F9F9
- FBFBFB
- FDFDFD
Odcienie ciemniejsze
- CDCBCD
- AFAEAF
- 929192
- 767576
- 5B5A5B
- 424142
- 292929
- 131313
- 030303
Tony
- E1DFE1
- D5D4D5
- CAC9CA
- BFBEBF
- B4B4B4
- AAA9AA
- 9F9F9F
- 959495
- 8A8A8A
Harmonie kolorów
Komplementarna +180°
- ECEAEC
Amethyst Cream
- E9EBE9
≈ Celestial Glow
Analogowa -30° +30°
- ECEAEC
Amethyst Cream
- EBEAED
≈ Lace Cap
- EDEAEB
≈ Amethyst Cream
Triada +120° +240°
- ECEAEC
Amethyst Cream
- ECEBE8
≈ Mystic White
- E8EBEC
≈ Mourn Mountain Snow
Komplementarna rozszczepiona +150° +210°
- ECEAEC
Amethyst Cream
- EBEBE9
≈ Mystic White
- E9ECEB
≈ Silver Sky
Tetrada +90° +180° +270°
- ECEAEC
Amethyst Cream
- EDEAE9
≈ Dazzle Me
- E9EBE9
≈ Celestial Glow
- E9EBED
≈ Lavendar Wisp
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.19:1 · APCA Lc 10
Ag
AAANa czerni
WCAG 17.54:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--amethyst-cream: #eceaec;
--amethyst-cream-rgb: 236 234 236;
--amethyst-cream-oklch: oklch(0.939 0.003 325.6);
}
.element {
color: var(--amethyst-cream);
background-color: hsl(300 5% 92%);
border-color: oklch(0.939 0.003 325.6);
}Tailwind CSS v4
@theme {
--color-amethyst-cream: #eceaec;
--color-amethyst-cream-50: #f6f5f5;
--color-amethyst-cream-100: #e8e7e8;
--color-amethyst-cream-200: #d5d4d5;
--color-amethyst-cream-300: #b8b7b8;
--color-amethyst-cream-400: #9f9e9f;
--color-amethyst-cream-500: #878587;
--color-amethyst-cream-600: #727172;
--color-amethyst-cream-700: #5c5a5c;
--color-amethyst-cream-800: #434243;
--color-amethyst-cream-900: #2e2d2e;
--color-amethyst-cream-950: #1b1a1b;
}SCSS
$amethyst-cream: #eceaec;
$amethyst-cream-rgb: 236, 234, 236;
$amethyst-cream-light: mix(#fff, $amethyst-cream, 20%);
$amethyst-cream-dark: mix(#000, $amethyst-cream, 20%);
.element {
color: $amethyst-cream;
box-shadow: 0 0 0 2px rgba($amethyst-cream, 0.35);
}