En yakın adlandırılmış renk · #F58D88
#F58D88
En yakın adlandırılmış renk: Vinaceous Cinnamon
#F58D88 (rgb(245 141 136), hsl(3 84% 75%), oklch(0.753 0.127 23.4)) en çok Vinaceous Cinnamon 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.
#F58D88
oklch(0.753 0.127 23.4)
Renk dönüşümleri
- HEX
- #f58d88
- RGB
- rgb(245 141 136)
- HSL
- hsl(3 84% 75%)
- HWB
- hwb(3 53% 4%)
- OKLCH
- oklch(0.753 0.127 23.4)
- OKLab
- oklab(0.753 0.117 0.051)
- CIE Lab
- lab(70.11 39.95 20.84)
- LCH
- lch(70.11 45.06 27.6)
- CMYK
- cmyk(0% 42% 44% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F79994
- F9A49F
- FBB0AB
- FDBBB7
- FEC7C3
- FFD2CE
- FFDDDA
- FFE9E7
- FFF4F3
Koyu tonlar
- D57A75
- B66763
- 985552
- 7B4441
- 5F3331
- 442322
- 2B1413
- 150706
- 030101
Gri tonlar
- EA8C87
- DE8C87
- D38B86
- C78985
- BB8885
- B08784
- A48583
- 988482
- 8C8281
Renk uyumları
Tamamlayıcı +180°
- F58D88
Vinaceous Cinnamon
- 0CC6D3
≈ Turquoise Surf
Analog -30° +30°
- F58D88
Vinaceous Cinnamon
- ED8CB5
≈ Brown Knapweed
- ED975D
≈ Topaz Yellow
Üçlü +120° +240°
- F58D88
Vinaceous Cinnamon
- 7CC479
≈ Garden Stroll
- 85AEFF
≈ Kitten’s Eye
Bölünmüş tamamlayıcı +150° +210°
- F58D88
Vinaceous Cinnamon
- 3EC9A8
≈ Jadeite
- 4CBCF2
≈ Clean Pool
Dörtlü +90° +180° +270°
- F58D88
Vinaceous Cinnamon
- AFB751
≈ Green Oasis
- 0CC6D3
≈ Turquoise Surf
- B39FF8
≈ Shy Moment
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.32:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.04:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.04:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--vinaceous-cinnamon: #f58d88;
--vinaceous-cinnamon-rgb: 245 141 136;
--vinaceous-cinnamon-oklch: oklch(0.753 0.127 23.4);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(3 84% 75%);
border-color: oklch(0.753 0.127 23.4);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f58d88;
--color-vinaceous-cinnamon-50: #ffe8e3;
--color-vinaceous-cinnamon-100: #ffd8d2;
--color-vinaceous-cinnamon-200: #ffc0b9;
--color-vinaceous-cinnamon-300: #f29e96;
--color-vinaceous-cinnamon-400: #e07f7a;
--color-vinaceous-cinnamon-500: #cd5f5d;
--color-vinaceous-cinnamon-600: #ad514f;
--color-vinaceous-cinnamon-700: #8b413f;
--color-vinaceous-cinnamon-800: #672e2e;
--color-vinaceous-cinnamon-900: #491f1f;
--color-vinaceous-cinnamon-950: #2f0e0f;
}SCSS
$vinaceous-cinnamon: #f58d88;
$vinaceous-cinnamon-rgb: 245, 141, 136;
$vinaceous-cinnamon-light: mix(#fff, $vinaceous-cinnamon, 20%);
$vinaceous-cinnamon-dark: mix(#000, $vinaceous-cinnamon, 20%);
.element {
color: $vinaceous-cinnamon;
box-shadow: 0 0 0 2px rgba($vinaceous-cinnamon, 0.35);
}