Adlandırılmış renk · #973443
Boerewors
Boerewors, #973443: rgb(151 52 67), hsl(351 49% 40%), oklch(0.472 0.132 14.8). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Boerewors color name →
#973443
oklch(0.472 0.132 14.8)
Renk dönüşümleri
- HEX
- #973443
- RGB
- rgb(151 52 67)
- HSL
- hsl(351 49% 40%)
- HWB
- hwb(351 20% 41%)
- OKLCH
- oklch(0.472 0.132 14.8)
- OKLab
- oklab(0.472 0.128 0.034)
- CIE Lab
- lab(37.28 42.93 14.51)
- LCH
- lch(37.28 45.31 18.7)
- CMYK
- cmyk(0% 66% 56% 41%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A34954
- AF5E65
- BA7177
- C5858A
- D0999C
- DAADAF
- E4C1C3
- EDD6D6
- F6EAEB
Koyu tonlar
- 832C39
- 6F242F
- 5C1C26
- 49151D
- 370E14
- 26070C
- 170305
- 080101
- 010000
Gri tonlar
- 963E49
- 95464F
- 944E55
- 92565B
- 905E61
- 8E6567
- 8B6C6D
- 887374
- 84797A
Renk uyumları
Tamamlayıcı +180°
- 973443
Boerewors
- 006969
≈ Quetzal Green
Analog -30° +30°
- 973443
Boerewors
- 8C376C
≈ Beetiful Magenta
- 953C05
≈ Citrine Brown
Üçlü +120° +240°
- 973443
Boerewors
- 386B09
≈ Tatzelwurm Green
- 1C5BA3
≈ Miracle at Wrigley
Bölünmüş tamamlayıcı +150° +210°
- 973443
Boerewors
- 006C4D
≈ Environmental Green
- 006581
≈ Ocean Depths
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.27:1 · APCA Lc 84
Ag
FailSiyah üzerinde
WCAG 2.88:1 · APCA Lc 18
En iyi metin rengi: #FFFFFF
WCAG 7.27:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--boerewors: #973443;
--boerewors-rgb: 151 52 67;
--boerewors-oklch: oklch(0.472 0.132 14.8);
}
.element {
color: var(--boerewors);
background-color: hsl(351 49% 40%);
border-color: oklch(0.472 0.132 14.8);
}Tailwind CSS v4
@theme {
--color-boerewors: #973443;
--color-boerewors-50: #ffe7e8;
--color-boerewors-100: #ffd7d8;
--color-boerewors-200: #ffbec0;
--color-boerewors-300: #f39b9f;
--color-boerewors-400: #e17c85;
--color-boerewors-500: #ce5c6a;
--color-boerewors-600: #ae4e5a;
--color-boerewors-700: #8c3e48;
--color-boerewors-800: #682c35;
--color-boerewors-900: #491e24;
--color-boerewors-950: #300d13;
}SCSS
$boerewors: #973443;
$boerewors-rgb: 151, 52, 67;
$boerewors-light: mix(#fff, $boerewors, 20%);
$boerewors-dark: mix(#000, $boerewors, 20%);
.element {
color: $boerewors;
box-shadow: 0 0 0 2px rgba($boerewors, 0.35);
}