En yakın adlandırılmış renk · #F6AB88
#F6AB88
En yakın adlandırılmış renk: Peach Fizz
#F6AB88 (rgb(246 171 136), hsl(19 86% 75%), oklch(0.805 0.101 45.9)) en çok Peach Fizz 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.
#F6AB88
oklch(0.805 0.101 45.9)
Renk dönüşümleri
- HEX
- #f6ab88
- RGB
- rgb(246 171 136)
- HSL
- hsl(19 86% 75%)
- HWB
- hwb(19 53% 4%)
- OKLCH
- oklch(0.805 0.101 45.9)
- OKLab
- oklab(0.805 0.07 0.072)
- CIE Lab
- lab(76.79 25.44 29.69)
- LCH
- lch(76.79 39.1 49.4)
- CMYK
- cmyk(0% 30% 45% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F8B494
- F9BCA0
- FAC5AC
- FCCDB8
- FDD5C3
- FDDECF
- FEE6DB
- FFEEE7
- FFF7F3
Koyu tonlar
- D69475
- B77E63
- 986852
- 7B5441
- 5F4031
- 452D22
- 2C1B13
- 150B06
- 030101
Gri tonlar
- EAA788
- DEA387
- D29F87
- C69A86
- BB9685
- AF9284
- A38D83
- 988982
- 8C8481
Renk uyumları
Tamamlayıcı +180°
- F6AB88
Peach Fizz
- 72CDF1
≈ Nevermind Nirvana
Analog -30° +30°
- F6AB88
Peach Fizz
- F9A5A9
≈ Simple Pink
- E5B773
≈ Veranda Yellow
Üçlü +120° +240°
- F6AB88
Peach Fizz
- 7CD4B0
≈ Sea Treasure
- B9B6FE
≈ Greyish Lavender
Bölünmüş tamamlayıcı +150° +210°
- F6AB88
Peach Fizz
- 66D4D4
≈ Hidden Sea Glass
- 95C2FF
≈ Pastel Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.89:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.09:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.09:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--peach-fizz: #f6ab88;
--peach-fizz-rgb: 246 171 136;
--peach-fizz-oklch: oklch(0.805 0.101 45.9);
}
.element {
color: var(--peach-fizz);
background-color: hsl(19 86% 75%);
border-color: oklch(0.805 0.101 45.9);
}Tailwind CSS v4
@theme {
--color-peach-fizz: #f6ab88;
--color-peach-fizz-50: #ffeddd;
--color-peach-fizz-100: #ffdfcb;
--color-peach-fizz-200: #f9c8b0;
--color-peach-fizz-300: #e3a88b;
--color-peach-fizz-400: #d08b6b;
--color-peach-fizz-500: #bc6f4a;
--color-peach-fizz-600: #9f5f3f;
--color-peach-fizz-700: #804b32;
--color-peach-fizz-800: #5f3624;
--color-peach-fizz-900: #432518;
--color-peach-fizz-950: #2b1309;
}SCSS
$peach-fizz: #f6ab88;
$peach-fizz-rgb: 246, 171, 136;
$peach-fizz-light: mix(#fff, $peach-fizz, 20%);
$peach-fizz-dark: mix(#000, $peach-fizz, 20%);
.element {
color: $peach-fizz;
box-shadow: 0 0 0 2px rgba($peach-fizz, 0.35);
}