En yakın adlandırılmış renk · #F48887
#F48887
En yakın adlandırılmış renk: Vinaceous Cinnamon
#F48887 (rgb(244 136 135), hsl(1 83% 74%), oklch(0.744 0.132 21.3)) 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.
#F48887
oklch(0.744 0.132 21.3)
Renk dönüşümleri
- HEX
- #f48887
- RGB
- rgb(244 136 135)
- HSL
- hsl(1 83% 74%)
- HWB
- hwb(1 53% 4%)
- OKLCH
- oklch(0.744 0.132 21.3)
- OKLab
- oklab(0.744 0.123 0.048)
- CIE Lab
- lab(68.93 41.94 19.78)
- LCH
- lch(68.93 46.37 25.3)
- CMYK
- cmyk(0% 44% 45% 4%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F79493
- F9A19E
- FBADAA
- FCB9B6
- FEC4C2
- FFD0CE
- FFDCDA
- FFE8E6
- FFF3F3
Koyu tonlar
- D47575
- B56363
- 975251
- 7A4141
- 5E3131
- 442221
- 2B1313
- 140606
- 030101
Gri tonlar
- E98886
- DD8886
- D28785
- C78785
- BB8684
- B08583
- A48483
- 988382
- 8C8181
Renk uyumları
Tamamlayıcı +180°
- F48887
Vinaceous Cinnamon
- 00C3CD
≈ Turquoise Surf
Analog -30° +30°
- F48887
Vinaceous Cinnamon
- EA87B6
≈ Brown Knapweed
- ED9259
≈ Chinese Lantern
Üçlü +120° +240°
- F48887
Vinaceous Cinnamon
- 7BC170
≈ Hillside Grove
- 7CABFF
≈ Fennel Flower
Bölünmüş tamamlayıcı +150° +210°
- F48887
Vinaceous Cinnamon
- 35C6A1
≈ Jadeite
- 3CBAF0
≈ Zima Blue
Dörtlü +90° +180° +270°
- F48887
Vinaceous Cinnamon
- AFB446
≈ Delaunay Green
- 00C3CD
≈ Turquoise Surf
- AD9CF9
≈ Dull Lavender
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.40:1 · APCA Lc 47
Ag
AAASiyah üzerinde
WCAG 8.71:1 · APCA Lc 55
En iyi metin rengi: #000000
WCAG 8.71:1 (AAA) · APCA Lc 55
Contrast pairs
Kod parçacıkları
CSS
:root {
--vinaceous-cinnamon: #f48887;
--vinaceous-cinnamon-rgb: 244 136 135;
--vinaceous-cinnamon-oklch: oklch(0.744 0.132 21.3);
}
.element {
color: var(--vinaceous-cinnamon);
background-color: hsl(1 83% 74%);
border-color: oklch(0.744 0.132 21.3);
}Tailwind CSS v4
@theme {
--color-vinaceous-cinnamon: #f48887;
--color-vinaceous-cinnamon-50: #ffe7e3;
--color-vinaceous-cinnamon-100: #ffd7d3;
--color-vinaceous-cinnamon-200: #ffbfba;
--color-vinaceous-cinnamon-300: #f49c97;
--color-vinaceous-cinnamon-400: #e27d7c;
--color-vinaceous-cinnamon-500: #cf5d5f;
--color-vinaceous-cinnamon-600: #af4f50;
--color-vinaceous-cinnamon-700: #8d3f40;
--color-vinaceous-cinnamon-800: #692d30;
--color-vinaceous-cinnamon-900: #4a1e20;
--color-vinaceous-cinnamon-950: #300e10;
}SCSS
$vinaceous-cinnamon: #f48887;
$vinaceous-cinnamon-rgb: 244, 136, 135;
$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);
}