Adlandırılmış renk · #8E3643
Raspberry Fool
Raspberry Fool, #8E3643: rgb(142 54 67), hsl(351 45% 38%), oklch(0.46 0.12 14.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Raspberry Fool color name →
#8E3643
oklch(0.46 0.12 14.2)
Renk dönüşümleri
- HEX
- #8e3643
- RGB
- rgb(142 54 67)
- HSL
- hsl(351 45% 38%)
- HWB
- hwb(351 21% 44%)
- OKLCH
- oklch(0.46 0.12 14.2)
- OKLab
- oklab(0.46 0.116 0.029)
- CIE Lab
- lab(35.99 38.81 12.45)
- LCH
- lch(35.99 40.76 17.8)
- CMYK
- cmyk(0% 62% 53% 44%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9B4A54
- A75E65
- B37177
- BF8589
- CA999C
- D6ADAF
- E0C1C3
- EBD5D6
- F5EAEB
Koyu tonlar
- 7B2E39
- 68252F
- 561E26
- 44161D
- 340F14
- 24080C
- 150305
- 070101
- 010000
Gri tonlar
- 8E3F49
- 8E474F
- 8D4F55
- 8C565B
- 8B5E61
- 896567
- 886C6D
- 867273
- 83797A
Renk uyumları
Tamamlayıcı +180°
- 8E3643
Raspberry Fool
- 006565
≈ Sci-fi Petrol
Analog -30° +30°
- 8E3643
Raspberry Fool
- 843868
≈ Midnight Aubergine
- 8C3D14
≈ Gryphonne Sepia Wash
Üçlü +120° +240°
- 8E3643
Raspberry Fool
- 3A6614
≈ Radical Green
- 205899
≈ Florentine Lapis
Bölünmüş tamamlayıcı +150° +210°
- 8E3643
Raspberry Fool
- 006949
≈ Victoria Green
- 00627C
≈ Jamaican Dream
Dörtlü +90° +180° +270°
- 8E3643
Raspberry Fool
- 615A00
≈ Brussels Sprout Green
- 006565
≈ Sci-fi Petrol
- 524C97
≈ Liberty
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.61:1 · APCA Lc 86
Ag
FailSiyah üzerinde
WCAG 2.75:1 · APCA Lc 16
En iyi metin rengi: #FFFFFF
WCAG 7.61:1 (AAA) · APCA Lc 86
Contrast pairs
Kod parçacıkları
CSS
:root {
--raspberry-fool: #8e3643;
--raspberry-fool-rgb: 142 54 67;
--raspberry-fool-oklch: oklch(0.46 0.12 14.2);
}
.element {
color: var(--raspberry-fool);
background-color: hsl(351 45% 38%);
border-color: oklch(0.46 0.12 14.2);
}Tailwind CSS v4
@theme {
--color-raspberry-fool: #8e3643;
--color-raspberry-fool-50: #ffe8e9;
--color-raspberry-fool-100: #ffd8da;
--color-raspberry-fool-200: #ffc0c3;
--color-raspberry-fool-300: #ee9ea2;
--color-raspberry-fool-400: #db8089;
--color-raspberry-fool-500: #c8616e;
--color-raspberry-fool-600: #a9535d;
--color-raspberry-fool-700: #88424a;
--color-raspberry-fool-800: #652f37;
--color-raspberry-fool-900: #472026;
--color-raspberry-fool-950: #2e0f14;
}SCSS
$raspberry-fool: #8e3643;
$raspberry-fool-rgb: 142, 54, 67;
$raspberry-fool-light: mix(#fff, $raspberry-fool, 20%);
$raspberry-fool-dark: mix(#000, $raspberry-fool, 20%);
.element {
color: $raspberry-fool;
box-shadow: 0 0 0 2px rgba($raspberry-fool, 0.35);
}