Warna bernama · #EFE4DC
Soft Feather
Soft Feather adalah #EFE4DC: rgb(239 228 220), hsl(25 37% 90%), oklch(0.925 0.016 58.6). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Gray mean? → · Soft Feather color name →
#EFE4DC
oklch(0.925 0.016 58.6)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- F1E7DF
- F2E9E3
- F4ECE6
- F5EFEA
- F7F1ED
- F9F4F1
- FAF7F4
- FCFAF8
- FDFCFB
Shade
- D0C6BF
- B1A9A3
- 948D88
- 78726E
- 5C5854
- 423F3C
- 2A2826
- 141211
- 030302
Tone
- E3DAD2
- D8CFC9
- CCC5BF
- C1BBB6
- B6B1AD
- ABA7A4
- A09D9B
- 959392
- 8B8A89
Harmoni warna
Komplementer +180°
- EFE4DC
Soft Feather
- DDE8F0
≈ Moby Dick
Analog -30° +30°
- EFE4DC
Soft Feather
- F1E3E0
≈ Rosa Vieja
- EBE6DA
≈ China White
Triadik +120° +240°
- EFE4DC
Soft Feather
- DCEAE6
≈ Arctic Flow
- E7E4F0
≈ Modest Violet
Split-komplementer +150° +210°
- EFE4DC
Soft Feather
- DBEAEC
≈ Tibetan Sky
- E2E6F2
≈ Crystal Falls
Tetradik +90° +180° +270°
- EFE4DC
Soft Feather
- DFE9E0
≈ Watermark
- DDE8F0
≈ Moby Dick
- EDE3EC
≈ Faded Fuchsia
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.24:1 · APCA Lc 12
Ag
AAADi atas hitam
WCAG 16.80:1 · APCA Lc 92
Warna teks terbaik: #000000
WCAG 16.80:1 (AAA) · APCA Lc 92
Contrast pairs
Cuplikan kode
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);
}