En yakın adlandırılmış renk · #FAF4EC
#FAF4EC
En yakın adlandırılmış renk: Fatback
#FAF4EC (rgb(250 244 236), hsl(34 58% 95%), oklch(0.97 0.012 75.4)) en çok Fatback adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FAF4EC
oklch(0.97 0.012 75.4)
Renk dönüşümleri
- HEX
- #faf4ec
- RGB
- rgb(250 244 236)
- HSL
- hsl(34 58% 95%)
- HWB
- hwb(34 93% 2%)
- OKLCH
- oklch(0.97 0.012 75.4)
- OKLab
- oklab(0.97 0.003 0.012)
- CIE Lab
- lab(96.5 1.06 4.61)
- LCH
- lch(96.5 4.73 77)
- CMYK
- cmyk(0% 2% 6% 2%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FBF5EE
- FBF6F0
- FCF7F2
- FCF8F4
- FDF9F5
- FDFBF7
- FEFCF9
- FEFDFB
- FFFEFD
Koyu tonlar
- D9D4CD
- BAB5AF
- 9B9792
- 7D7A76
- 615E5B
- 464442
- 2D2B29
- 151413
- 030303
Gri tonlar
- EDE8E1
- E0DCD5
- D4D0CA
- C7C4BF
- BBB8B5
- AFADAA
- A3A19F
- 979695
- 8B8B8A
Renk uyumları
Tamamlayıcı +180°
- FAF4EC
Fatback
- F0F6FE
≈ Cotton Ball
Analog -30° +30°
- FAF4EC
Fatback
- FDF3EE
≈ Soft Peach Mist
- F6F6EC
≈ Praxeti White
Üçlü +120° +240°
- FAF4EC
Fatback
- ECF8F8
≈ Aijiro White
- F8F3FB
≈ Sugar Crystal
Bölünmüş tamamlayıcı +150° +210°
- FAF4EC
Fatback
- EDF7FB
≈ Silent Snowfall
- F4F4FD
≈ White Solid
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.09:1 · APCA Lc 0
Ag
AAASiyah üzerinde
WCAG 19.21:1 · APCA Lc 101
En iyi metin rengi: #000000
WCAG 19.21:1 (AAA) · APCA Lc 101
Contrast pairs
Kod parçacıkları
CSS
:root {
--fatback: #faf4ec;
--fatback-rgb: 250 244 236;
--fatback-oklch: oklch(0.97 0.012 75.4);
}
.element {
color: var(--fatback);
background-color: hsl(34 58% 95%);
border-color: oklch(0.97 0.012 75.4);
}Tailwind CSS v4
@theme {
--color-fatback: #faf4ec;
--color-fatback-50: #f7f5f1;
--color-fatback-100: #eae7e3;
--color-fatback-200: #d7d4ce;
--color-fatback-300: #bbb7b0;
--color-fatback-400: #a39e96;
--color-fatback-500: #8b857d;
--color-fatback-600: #76716a;
--color-fatback-700: #5e5a55;
--color-fatback-800: #45423e;
--color-fatback-900: #302d2a;
--color-fatback-950: #1c1a18;
}SCSS
$fatback: #faf4ec;
$fatback-rgb: 250, 244, 236;
$fatback-light: mix(#fff, $fatback, 20%);
$fatback-dark: mix(#000, $fatback, 20%);
.element {
color: $fatback;
box-shadow: 0 0 0 2px rgba($fatback, 0.35);
}