Adlandırılmış renk · #B0003C
Bindi Red
Bindi Red, #B0003C: rgb(176 0 60), hsl(340 100% 35%), oklch(0.482 0.193 13.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? → · Bindi Red color name →
#B0003C
oklch(0.482 0.193 13.8)
Renk dönüşümleri
- HEX
- #b0003c
- RGB
- rgb(176 0 60)
- HSL
- hsl(340 100% 35%)
- HWB
- hwb(340 0% 31%)
- OKLCH
- oklch(0.482 0.193 13.8)
- OKLab
- oklab(0.482 0.187 0.046)
- CIE Lab
- lab(37.72 62.31 20.74)
- LCH
- lch(37.72 65.67 18.4)
- CMYK
- cmyk(0% 100% 66% 31%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BB324E
- C64D60
- D06573
- D97C85
- E19299
- E9A8AD
- EFBDC1
- F5D3D5
- FBE9EA
Koyu tonlar
- 990033
- 82002A
- 6C0021
- 560019
- 420011
- 2E000A
- 1C0004
- 0B0001
- 010000
Gri tonlar
- AD2243
- AA344A
- A74150
- A34C57
- 9F565E
- 9A5F65
- 95686B
- 8F7072
- 887879
Renk uyumları
Tamamlayıcı +180°
- B0003C
Bindi Red
- 006C6C
≈ Mayan Blue
Analog -30° +30°
- B0003C
Bindi Red
- A11678
≈ Fabric of Love
- 9C3C00
≈ Muddy
Üçlü +120° +240°
- B0003C
Bindi Red
- 3B6E00
≈ Tatzelwurm Green
- 005DB1
≈ Bottled Sea
Bölünmüş tamamlayıcı +150° +210°
- B0003C
Bindi Red
- 00704E
≈ Natural Watercourse
- 006884
≈ Ansel
Dörtlü +90° +180° +270°
- B0003C
Bindi Red
- 686000
≈ Green Brown
- 006C6C
≈ Mayan Blue
- 5742C4
≈ Royal Nightcore
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.21:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 2.91:1 · APCA Lc 19
En iyi metin rengi: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
CSS
:root {
--bindi-red: #b0003c;
--bindi-red-rgb: 176 0 60;
--bindi-red-oklch: oklch(0.482 0.193 13.8);
}
.element {
color: var(--bindi-red);
background-color: hsl(340 100% 35%);
border-color: oklch(0.482 0.193 13.8);
}Tailwind CSS v4
@theme {
--color-bindi-red: #b0003c;
--color-bindi-red-50: #ffdfe3;
--color-bindi-red-100: #ffced2;
--color-bindi-red-200: #ffb2b8;
--color-bindi-red-300: #ff8b96;
--color-bindi-red-400: #fa657c;
--color-bindi-red-500: #e9375f;
--color-bindi-red-600: #c53150;
--color-bindi-red-700: #9e2740;
--color-bindi-red-800: #761b30;
--color-bindi-red-900: #531221;
--color-bindi-red-950: #370310;
}SCSS
$bindi-red: #b0003c;
$bindi-red-rgb: 176, 0, 60;
$bindi-red-light: mix(#fff, $bindi-red, 20%);
$bindi-red-dark: mix(#000, $bindi-red, 20%);
.element {
color: $bindi-red;
box-shadow: 0 0 0 2px rgba($bindi-red, 0.35);
}