Cor nomeada · #EFE4DC
Soft Feather
Soft Feather é #EFE4DC: rgb(239 228 220), hsl(25 37% 90%), oklch(0.925 0.016 58.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Soft Feather color name →
#EFE4DC
oklch(0.925 0.016 58.6)
Conversões de cor
- HEX
- #efe4dc
- RGB
- rgb(239 228 220)
- HSL
- hsl(25 37% 90%)
- HWB
- hwb(25 86% 6%)
- OKLCH
- oklch(0.925 0.016 58.6)
- OKLab
- oklab(0.925 0.008 0.014)
- CIE Lab
- lab(91.31 2.86 5.32)
- LCH
- lch(91.31 6.04 61.7)
- CMYK
- cmyk(0% 5% 8% 6%)
Tons claros · Sombras · Tons
Tons claros
- F1E7DF
- F2E9E3
- F4ECE6
- F5EFEA
- F7F1ED
- F9F4F1
- FAF7F4
- FCFAF8
- FDFCFB
Sombras
- D0C6BF
- B1A9A3
- 948D88
- 78726E
- 5C5854
- 423F3C
- 2A2826
- 141211
- 030302
Tons
- E3DAD2
- D8CFC9
- CCC5BF
- C1BBB6
- B6B1AD
- ABA7A4
- A09D9B
- 959392
- 8B8A89
Harmonias de cor
Complementar +180°
- EFE4DC
Soft Feather
- DDE8F0
≈ Moby Dick
Análoga -30° +30°
- EFE4DC
Soft Feather
- F1E3E0
≈ Rosa Vieja
- EBE6DA
≈ China White
Tríade +120° +240°
- EFE4DC
Soft Feather
- DCEAE6
≈ Arctic Flow
- E7E4F0
≈ Modest Violet
Complementar dividida +150° +210°
- EFE4DC
Soft Feather
- DBEAEC
≈ Tibetan Sky
- E2E6F2
≈ Crystal Falls
Tétrade +90° +180° +270°
- EFE4DC
Soft Feather
- DFE9E0
≈ Watermark
- DDE8F0
≈ Moby Dick
- EDE3EC
≈ Faded Fuchsia
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.80:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--soft-feather: #efe4dc;
--soft-feather-rgb: 239 228 220;
--soft-feather-oklch: oklch(0.925 0.016 58.6);
}
.element {
color: var(--soft-feather);
background-color: hsl(25 37% 90%);
border-color: oklch(0.925 0.016 58.6);
}Tailwind CSS v4
@theme {
--color-soft-feather: #efe4dc;
--color-soft-feather-50: #f9f4f1;
--color-soft-feather-100: #ece7e3;
--color-soft-feather-200: #dad3cd;
--color-soft-feather-300: #beb6af;
--color-soft-feather-400: #a69c95;
--color-soft-feather-500: #8f847c;
--color-soft-feather-600: #797069;
--color-soft-feather-700: #615954;
--color-soft-feather-800: #47413d;
--color-soft-feather-900: #312d2a;
--color-soft-feather-950: #1d1a18;
}SCSS
$soft-feather: #efe4dc;
$soft-feather-rgb: 239, 228, 220;
$soft-feather-light: mix(#fff, $soft-feather, 20%);
$soft-feather-dark: mix(#000, $soft-feather, 20%);
.element {
color: $soft-feather;
box-shadow: 0 0 0 2px rgba($soft-feather, 0.35);
}