En yakın adlandırılmış renk · #892C4E
#892C4E
En yakın adlandırılmış renk: Raspberry Romantic
#892C4E (rgb(137 44 78), hsl(338 51% 35%), oklch(0.442 0.13 1.5)) en çok Raspberry Romantic 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.
#892C4E
oklch(0.442 0.13 1.5)
Renk dönüşümleri
- HEX
- #892c4e
- RGB
- rgb(137 44 78)
- HSL
- hsl(338 51% 35%)
- HWB
- hwb(338 17% 46%)
- OKLCH
- oklch(0.442 0.13 1.5)
- OKLab
- oklab(0.442 0.13 0.003)
- CIE Lab
- lab(33.63 42.24 1.94)
- LCH
- lch(33.63 42.28 2.6)
- CMYK
- cmyk(0% 68% 43% 46%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96425E
- A3576E
- B06B7F
- BC8090
- C894A2
- D4A9B4
- DFBEC6
- EAD3D9
- F5E9EC
Koyu tonlar
- 762543
- 641E38
- 53172D
- 421123
- 310A19
- 22050F
- 140207
- 070102
- 010000
Gri tonlar
- 8A3653
- 8A4058
- 8A495D
- 895161
- 895966
- 88616B
- 866971
- 857176
- 83787B
Renk uyumları
Tamamlayıcı +180°
- 892C4E
Raspberry Romantic
- 006156
≈ Philodendron
Analog -30° +30°
- 892C4E
Raspberry Romantic
- 7A3273
≈ Veronica Purple
- 8D2F21
≈ Borscht
Üçlü +120° +240°
- 892C4E
Raspberry Romantic
- 4A5B00
≈ Kyuri Green
- 005887
≈ Sea Cave
Bölünmüş tamamlayıcı +150° +210°
- 892C4E
Raspberry Romantic
- 00642F
≈ Treasured Wilderness
- 005E6B
≈ Fish Tale
Dörtlü +90° +180° +270°
- 892C4E
Raspberry Romantic
- 655000
≈ Olive Brown
- 006156
≈ Philodendron
- 3A4B9A
≈ Dazzling Blue
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.28:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.53:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.28:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--raspberry-romantic: #892c4e;
--raspberry-romantic-rgb: 137 44 78;
--raspberry-romantic-oklch: oklch(0.442 0.13 1.5);
}
.element {
color: var(--raspberry-romantic);
background-color: hsl(338 51% 35%);
border-color: oklch(0.442 0.13 1.5);
}Tailwind CSS v4
@theme {
--color-raspberry-romantic: #892c4e;
--color-raspberry-romantic-50: #ffe6f1;
--color-raspberry-romantic-100: #ffd7e3;
--color-raspberry-romantic-200: #ffbdce;
--color-raspberry-romantic-300: #f09bb0;
--color-raspberry-romantic-400: #dd7c99;
--color-raspberry-romantic-500: #c95c80;
--color-raspberry-romantic-600: #aa4f6d;
--color-raspberry-romantic-700: #893f57;
--color-raspberry-romantic-800: #652d41;
--color-raspberry-romantic-900: #471e2d;
--color-raspberry-romantic-950: #2e0e1a;
}SCSS
$raspberry-romantic: #892c4e;
$raspberry-romantic-rgb: 137, 44, 78;
$raspberry-romantic-light: mix(#fff, $raspberry-romantic, 20%);
$raspberry-romantic-dark: mix(#000, $raspberry-romantic, 20%);
.element {
color: $raspberry-romantic;
box-shadow: 0 0 0 2px rgba($raspberry-romantic, 0.35);
}