Cor nomeada · #EEDED5
Faint Coral
Faint Coral é #EEDED5: rgb(238 222 213), hsl(22 42% 88%), oklch(0.911 0.021 51.5). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Faint Coral color name →
#EEDED5
oklch(0.911 0.021 51.5)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- F0E1D9
- F1E5DD
- F3E8E1
- F5EBE6
- F7EEEA
- F8F2EE
- FAF5F2
- FCF8F7
- FDFCFB
Sombras
- CFC1B9
- B1A59E
- 938983
- 776F6A
- 5C5551
- 423D3A
- 2A2624
- 141210
- 030202
Tons
- E2D4CC
- D7CAC3
- CCC1BB
- C1B7B2
- B6AEAA
- ABA4A1
- A09B99
- 959290
- 8A8988
Harmonias de cor
Complementar +180°
- EEDED5
Faint Coral
- D4E5EE
≈ Pattens Blue
Análoga -30° +30°
- EEDED5
Faint Coral
- F0DCDB
≈ Lover’s Knot
- E9E1D2
≈ White Clay
Tríade +120° +240°
- EEDED5
Faint Coral
- D4E7E0
≈ Aqua Glass
- E1DFEF
≈ Imagination
Complementar dividida +150° +210°
- EEDED5
Faint Coral
- D2E6E7
≈ Blue Phlox
- DAE2F0
≈ Vaguely Violet
Tétrade +90° +180° +270°
- EEDED5
Faint Coral
- DAE5D8
≈ Mint Wafer
- D4E5EE
≈ Pattens Blue
- E9DDEA
≈ Sprinkle
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.04:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 16.04:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
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);
}