Adlandırılmış renk · #EEDED5
Faint Coral
Faint Coral, #EEDED5: rgb(238 222 213), hsl(22 42% 88%), oklch(0.911 0.021 51.5). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Faint Coral color name →
#EEDED5
oklch(0.911 0.021 51.5)
Renk dönüşümleri
- HEX
- #eeded5
- RGB
- rgb(238 222 213)
- HSL
- hsl(22 42% 88%)
- HWB
- hwb(22 84% 7%)
- OKLCH
- oklch(0.911 0.021 51.5)
- OKLab
- oklab(0.911 0.013 0.017)
- CIE Lab
- lab(89.59 4.56 6.5)
- LCH
- lch(89.59 7.94 55)
- CMYK
- cmyk(0% 7% 11% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F0E1D9
- F1E5DD
- F3E8E1
- F5EBE6
- F7EEEA
- F8F2EE
- FAF5F2
- FCF8F7
- FDFCFB
Koyu tonlar
- CFC1B9
- B1A59E
- 938983
- 776F6A
- 5C5551
- 423D3A
- 2A2624
- 141210
- 030202
Gri tonlar
- E2D4CC
- D7CAC3
- CCC1BB
- C1B7B2
- B6AEAA
- ABA4A1
- A09B99
- 959290
- 8A8988
Renk uyumları
Tamamlayıcı +180°
- EEDED5
Faint Coral
- D4E5EE
≈ Pattens Blue
Analog -30° +30°
- EEDED5
Faint Coral
- F0DCDB
≈ Lover’s Knot
- E9E1D2
≈ White Clay
Üçlü +120° +240°
- EEDED5
Faint Coral
- D4E7E0
≈ Aqua Glass
- E1DFEF
≈ Imagination
Bölünmüş tamamlayıcı +150° +210°
- EEDED5
Faint Coral
- D2E6E7
≈ Blue Phlox
- DAE2F0
≈ Vaguely Violet
Dörtlü +90° +180° +270°
- EEDED5
Faint Coral
- DAE5D8
≈ Mint Wafer
- D4E5EE
≈ Pattens Blue
- E9DDEA
≈ Sprinkle
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.30:1 · APCA Lc 15
Ag
AAASiyah üzerinde
WCAG 16.04:1 · APCA Lc 88
En iyi metin rengi: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--faint-coral: #eeded5;
--faint-coral-rgb: 238 222 213;
--faint-coral-oklch: oklch(0.911 0.021 51.5);
}
.element {
color: var(--faint-coral);
background-color: hsl(22 42% 88%);
border-color: oklch(0.911 0.021 51.5);
}Tailwind CSS v4
@theme {
--color-faint-coral: #eeded5;
--color-faint-coral-50: #faf4ef;
--color-faint-coral-100: #eee6e1;
--color-faint-coral-200: #dcd2cc;
--color-faint-coral-300: #c1b5ad;
--color-faint-coral-400: #a99b93;
--color-faint-coral-500: #928279;
--color-faint-coral-600: #7c6e67;
--color-faint-coral-700: #635852;
--color-faint-coral-800: #49403c;
--color-faint-coral-900: #332c29;
--color-faint-coral-950: #1e1917;
}SCSS
$faint-coral: #eeded5;
$faint-coral-rgb: 238, 222, 213;
$faint-coral-light: mix(#fff, $faint-coral, 20%);
$faint-coral-dark: mix(#000, $faint-coral, 20%);
.element {
color: $faint-coral;
box-shadow: 0 0 0 2px rgba($faint-coral, 0.35);
}