Najbliższy nazwany kolor · #EEDDDF
#EEDDDF
Najbliższy nazwany kolor: Discrete Pink
#EEDDDF (rgb(238 221 223), hsl(353 33% 90%), oklch(0.912 0.019 9.3)) jest najbliższy nazwanemu kolorowi Discrete Pink. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#EEDDDF
oklch(0.912 0.019 9.3)
Konwersje koloru
- HEX
- #eedddf
- RGB
- rgb(238 221 223)
- HSL
- hsl(353 33% 90%)
- HWB
- hwb(353 87% 7%)
- OKLCH
- oklch(0.912 0.019 9.3)
- OKLab
- oklab(0.912 0.019 0.003)
- CIE Lab
- lab(89.55 6.28 1.23)
- LCH
- lch(89.55 6.4 11.1)
- CMYK
- cmyk(0% 7% 6% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F0E0E2
- F1E4E5
- F3E7E9
- F5EBEC
- F7EEEF
- F8F1F2
- FAF5F5
- FCF8F9
- FDFCFC
Odcienie ciemniejsze
- CFC0C2
- B1A4A5
- 93888A
- 776E6F
- 5C5556
- 423D3D
- 2A2627
- 141112
- 030202
Tony
- E2D3D5
- D7CACB
- CCC0C2
- C1B7B8
- B6ADAE
- ABA4A5
- A09B9B
- 959292
- 8A8989
Harmonie kolorów
Komplementarna +180°
- EEDDDF
Discrete Pink
- D5E6E4
≈ Cave Pearl
Analogowa -30° +30°
- EEDDDF
Discrete Pink
- EBDDE6
≈ Fairy Tail
- EEDED9
≈ Apricot Foam
Triada +120° +240°
- EEDDDF
Discrete Pink
- DEE5D8
≈ Sounds of Nature
- D9E3EE
≈ Iceberg
Komplementarna rozszczepiona +150° +210°
- EEDDDF
Discrete Pink
- D8E6DD
≈ Swans Down
- D5E5EA
≈ Dreamstress
Tetrada +90° +180° +270°
- EEDDDF
Discrete Pink
- E5E2D4
≈ Paramount White
- D5E6E4
≈ Cave Pearl
- DFE1EF
≈ Imagination
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.30:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.04:1 · APCA Lc 88
Najlepszy kolor tekstu: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--discrete-pink: #eedddf;
--discrete-pink-rgb: 238 221 223;
--discrete-pink-oklch: oklch(0.912 0.019 9.3);
}
.element {
color: var(--discrete-pink);
background-color: hsl(353 33% 90%);
border-color: oklch(0.912 0.019 9.3);
}Tailwind CSS v4
@theme {
--color-discrete-pink: #eedddf;
--color-discrete-pink-50: #faf3f4;
--color-discrete-pink-100: #eee5e6;
--color-discrete-pink-200: #dcd1d2;
--color-discrete-pink-300: #c1b4b5;
--color-discrete-pink-400: #a99a9c;
--color-discrete-pink-500: #928183;
--color-discrete-pink-600: #7c6d6f;
--color-discrete-pink-700: #635759;
--color-discrete-pink-800: #494041;
--color-discrete-pink-900: #322c2d;
--color-discrete-pink-950: #1e191a;
}SCSS
$discrete-pink: #eedddf;
$discrete-pink-rgb: 238, 221, 223;
$discrete-pink-light: mix(#fff, $discrete-pink, 20%);
$discrete-pink-dark: mix(#000, $discrete-pink, 20%);
.element {
color: $discrete-pink;
box-shadow: 0 0 0 2px rgba($discrete-pink, 0.35);
}