Adlandırılmış renk · #F0EBE0
Shell White
Shell White, #F0EBE0: rgb(240 235 224), hsl(41 35% 91%), oklch(0.941 0.016 86.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Shell White color name →
#F0EBE0
oklch(0.941 0.016 86.4)
Renk dönüşümleri
- HEX
- #f0ebe0
- RGB
- rgb(240 235 224)
- HSL
- hsl(41 35% 91%)
- HWB
- hwb(41 88% 6%)
- OKLCH
- oklch(0.941 0.016 86.4)
- OKLab
- oklab(0.941 0.001 0.016)
- CIE Lab
- lab(93.22 0.34 5.98)
- LCH
- lch(93.22 5.99 86.7)
- CMYK
- cmyk(0% 2% 7% 6%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1EDE3
- F3EFE6
- F4F1E9
- F6F3EC
- F7F5EF
- F9F7F3
- FAF9F6
- FCFBF9
- FDFDFC
Koyu tonlar
- D1CCC3
- B2AEA6
- 95918A
- 787570
- 5D5B56
- 43413E
- 2A2927
- 141312
- 030302
Gri tonlar
- E4E0D6
- D9D5CC
- CDCAC2
- C2BFB8
- B6B4AF
- ABA9A5
- A09F9C
- 959492
- 8B8A89
Renk uyumları
Tamamlayıcı +180°
- F0EBE0
Shell White
- E7EBF6
≈ Coconut White
Analog -30° +30°
- F0EBE0
Shell White
- F4E9E2
≈ Jasmine Flower
- EBEDE1
≈ Sublime
Üçlü +120° +240°
- F0EBE0
Shell White
- E0EFF1
≈ Azul Primavera
- F1E8F1
≈ Rose Fantasy
Bölünmüş tamamlayıcı +150° +210°
- F0EBE0
Shell White
- E2EDF5
≈ Out Cold
- ECEAF5
≈ Silver Phoenix
Dörtlü +90° +180° +270°
- F0EBE0
Shell White
- E1EFEB
≈ Drifting Tide
- E7EBF6
≈ Coconut White
- F5E7EC
≈ Amour Frais
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.18:1 · APCA Lc 9
Ag
AAASiyah üzerinde
WCAG 17.66:1 · APCA Lc 95
En iyi metin rengi: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
Kod parçacıkları
CSS
:root {
--shell-white: #f0ebe0;
--shell-white-rgb: 240 235 224;
--shell-white-oklch: oklch(0.941 0.016 86.4);
}
.element {
color: var(--shell-white);
background-color: hsl(41 35% 91%);
border-color: oklch(0.941 0.016 86.4);
}Tailwind CSS v4
@theme {
--color-shell-white: #f0ebe0;
--color-shell-white-50: #f7f5f0;
--color-shell-white-100: #eae8e2;
--color-shell-white-200: #d7d4cd;
--color-shell-white-300: #bbb7af;
--color-shell-white-400: #a29e94;
--color-shell-white-500: #8b867b;
--color-shell-white-600: #757168;
--color-shell-white-700: #5e5a53;
--color-shell-white-800: #45423c;
--color-shell-white-900: #302e29;
--color-shell-white-950: #1c1a17;
}SCSS
$shell-white: #f0ebe0;
$shell-white-rgb: 240, 235, 224;
$shell-white-light: mix(#fff, $shell-white, 20%);
$shell-white-dark: mix(#000, $shell-white, 20%);
.element {
color: $shell-white;
box-shadow: 0 0 0 2px rgba($shell-white, 0.35);
}