Adlandırılmış renk · #B7282E
Madder Red
Madder Red, #B7282E: rgb(183 40 46), hsl(357 64% 44%), oklch(0.512 0.179 24.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Madder Red color name →
#B7282E
oklch(0.512 0.179 24.4)
Renk dönüşümleri
- HEX
- #b7282e
- RGB
- rgb(183 40 46)
- HSL
- hsl(357 64% 44%)
- HWB
- hwb(357 16% 28%)
- OKLCH
- oklch(0.512 0.179 24.4)
- OKLab
- oklab(0.512 0.163 0.074)
- CIE Lab
- lab(41.57 56.72 34.38)
- LCH
- lch(41.57 66.33 31.2)
- CMYK
- cmyk(0% 78% 75% 28%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C14443
- CB5B57
- D3716B
- DC857F
- E39A94
- EAAEA9
- F0C2BE
- F6D6D3
- FBEBE9
Koyu tonlar
- 9F2127
- 871B1F
- 701518
- 5A0F12
- 45090B
- 310406
- 1E0202
- 0C0101
- 020000
Gri tonlar
- B33737
- AF4240
- AB4C49
- A65551
- A15E59
- 9C6561
- 966C69
- 8F7371
- 887A78
Renk uyumları
Tamamlayıcı +180°
- B7282E
Madder Red
- 00757E
≈ Night Scape
Analog -30° +30°
- B7282E
Madder Red
- AE296D
≈ Carroburg Crimson
- 9D4E00
≈ Burnt Bagel
Üçlü +120° +240°
- B7282E
Madder Red
- 007D1A
≈ Azure Radiance
- 305DCB
≈ Bnei Brak Bay
Bölünmüş tamamlayıcı +150° +210°
- B7282E
Madder Red
- 007863
≈ Shady Glade
- 006F9B
≈ Disarm
Dörtlü +90° +180° +270°
- B7282E
Madder Red
- 666D00
≈ Brownish Green
- 00757E
≈ Night Scape
- 7049C0
≈ Purple Rain
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.25:1 · APCA Lc 80
Ag
FailSiyah üzerinde
WCAG 3.35:1 · APCA Lc 22
En iyi metin rengi: #FFFFFF
WCAG 6.25:1 (AA) · APCA Lc 80
Contrast pairs
Kod parçacıkları
CSS
:root {
--madder-red: #b7282e;
--madder-red-rgb: 183 40 46;
--madder-red-oklch: oklch(0.512 0.179 24.4);
}
.element {
color: var(--madder-red);
background-color: hsl(357 64% 44%);
border-color: oklch(0.512 0.179 24.4);
}Tailwind CSS v4
@theme {
--color-madder-red: #b7282e;
--color-madder-red-50: #ffe2da;
--color-madder-red-100: #ffd1c8;
--color-madder-red-200: #ffb6ac;
--color-madder-red-300: #ff9186;
--color-madder-red-400: #f66d68;
--color-madder-red-500: #e44446;
--color-madder-red-600: #c13c3c;
--color-madder-red-700: #9b3030;
--color-madder-red-800: #742124;
--color-madder-red-900: #521618;
--color-madder-red-950: #360609;
}SCSS
$madder-red: #b7282e;
$madder-red-rgb: 183, 40, 46;
$madder-red-light: mix(#fff, $madder-red, 20%);
$madder-red-dark: mix(#000, $madder-red, 20%);
.element {
color: $madder-red;
box-shadow: 0 0 0 2px rgba($madder-red, 0.35);
}