Adlandırılmış renk · #F1F0BF
Apple Slice
Apple Slice, #F1F0BF: rgb(241 240 191), hsl(59 64% 85%), oklch(0.944 0.063 106.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Yellow mean? → · Apple Slice color name →
#F1F0BF
oklch(0.944 0.063 106.6)
Renk dönüşümleri
- HEX
- #f1f0bf
- RGB
- rgb(241 240 191)
- HSL
- hsl(59 64% 85%)
- HWB
- hwb(59 75% 5%)
- OKLCH
- oklch(0.944 0.063 106.6)
- OKLab
- oklab(0.944 -0.018 0.061)
- CIE Lab
- lab(93.97 -5.41 23.94)
- LCH
- lch(93.97 24.54 102.7)
- CMYK
- cmyk(0% 0% 21% 5%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F2F2C6
- F4F3CC
- F5F5D3
- F6F6D9
- F8F8DF
- F9F9E6
- FBFBEC
- FCFCF2
- FEFEF9
Koyu tonlar
- D2D1A6
- B3B28D
- 959575
- 79785E
- 5D5D48
- 434333
- 2B2A1F
- 14140D
- 030302
Gri tonlar
- E5E4B9
- D9D9B2
- CECDAC
- C2C2A6
- B7B7A0
- ACAB99
- A0A093
- 95958D
- 8B8B86
Renk uyumları
Tamamlayıcı +180°
- F1F0BF
Apple Slice
- EAEAFF
≈ Bright Dusk
Analog -30° +30°
- F1F0BF
Apple Slice
- FFE9CA
≈ Semolina Pudding
- D9F7CD
≈ Envious Pastel
Üçlü +120° +240°
- F1F0BF
Apple Slice
- D5F2FF
≈ Water
- FFE4F1
≈ Sweetly
Bölünmüş tamamlayıcı +150° +210°
- F1F0BF
Apple Slice
- E1EEFF
≈ Calcareous Sinter
- F8E5FF
≈ Soft Lavender
Dörtlü +90° +180° +270°
- F1F0BF
Apple Slice
- BBFAFB
≈ Friendly Frost
- EAEAFF
≈ Bright Dusk
- FFE5E6
≈ Vanilla Strawberry
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.16:1 · APCA Lc 8
Ag
AAASiyah üzerinde
WCAG 17.95:1 · APCA Lc 96
En iyi metin rengi: #000000
WCAG 17.95:1 (AAA) · APCA Lc 96
Contrast pairs
Kod parçacıkları
CSS
:root {
--apple-slice: #f1f0bf;
--apple-slice-rgb: 241 240 191;
--apple-slice-oklch: oklch(0.944 0.063 106.6);
}
.element {
color: var(--apple-slice);
background-color: hsl(59 64% 85%);
border-color: oklch(0.944 0.063 106.6);
}Tailwind CSS v4
@theme {
--color-apple-slice: #f1f0bf;
--color-apple-slice-50: #f6f7e2;
--color-apple-slice-100: #e9ead2;
--color-apple-slice-200: #d6d7b8;
--color-apple-slice-300: #baba95;
--color-apple-slice-400: #a3a176;
--color-apple-slice-500: #8b8957;
--color-apple-slice-600: #76744a;
--color-apple-slice-700: #5e5d3b;
--color-apple-slice-800: #464429;
--color-apple-slice-900: #302f1c;
--color-apple-slice-950: #1c1b0c;
}SCSS
$apple-slice: #f1f0bf;
$apple-slice-rgb: 241, 240, 191;
$apple-slice-light: mix(#fff, $apple-slice, 20%);
$apple-slice-dark: mix(#000, $apple-slice, 20%);
.element {
color: $apple-slice;
box-shadow: 0 0 0 2px rgba($apple-slice, 0.35);
}