Nazwany kolor · #B2132B
Kirsch
Kirsch to #B2132B: rgb(178 19 43), hsl(351 81% 39%), oklch(0.489 0.188 21.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Kirsch color name →
#B2132B
oklch(0.489 0.188 21.8)
Konwersje koloru
- HEX
- #b2132b
- RGB
- rgb(178 19 43)
- HSL
- hsl(351 81% 39%)
- HWB
- hwb(351 7% 30%)
- OKLCH
- oklch(0.489 0.188 21.8)
- OKLab
- oklab(0.489 0.174 0.07)
- CIE Lab
- lab(38.76 59.99 32.83)
- LCH
- lch(38.76 68.39 28.7)
- CMYK
- cmyk(0% 89% 76% 30%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BD3840
- C75254
- D16968
- D97F7D
- E29492
- E9AAA7
- F0BFBC
- F5D4D2
- FBEAE8
Odcienie ciemniejsze
- 9A0F24
- 830B1D
- 6D0716
- 570510
- 43030A
- 2F0105
- 1D0102
- 0C0001
- 010000
Tony
- AF2A35
- AC393E
- A84546
- A44F4F
- 9F5957
- 9A615F
- 956968
- 8F7170
- 887978
Harmonie kolorów
Komplementarna +180°
- B2132B
Kirsch
- 006E74
≈ Teal Motif
Analogowa -30° +30°
- B2132B
Kirsch
- A7196B
≈ Plum Paradise
- 964700
≈ Roux
Triada +120° +240°
- B2132B
Kirsch
- 0D7500
≈ Moth Green
- 1B56C8
≈ Dead Blue Eyes
Komplementarna rozszczepiona +150° +210°
- B2132B
Kirsch
- 00715A
≈ Teal Dark Green
- 00698E
≈ Pulsating Blue
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.95:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.02:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--kirsch: #b2132b;
--kirsch-rgb: 178 19 43;
--kirsch-oklch: oklch(0.489 0.188 21.8);
}
.element {
color: var(--kirsch);
background-color: hsl(351 81% 39%);
border-color: oklch(0.489 0.188 21.8);
}Tailwind CSS v4
@theme {
--color-kirsch: #b2132b;
--color-kirsch-50: #ffe1db;
--color-kirsch-100: #ffd0ca;
--color-kirsch-200: #ffb4ad;
--color-kirsch-300: #ff8e88;
--color-kirsch-400: #f9686b;
--color-kirsch-500: #e83d4a;
--color-kirsch-600: #c4363f;
--color-kirsch-700: #9e2b32;
--color-kirsch-800: #761d26;
--color-kirsch-900: #531319;
--color-kirsch-950: #37040a;
}SCSS
$kirsch: #b2132b;
$kirsch-rgb: 178, 19, 43;
$kirsch-light: mix(#fff, $kirsch, 20%);
$kirsch-dark: mix(#000, $kirsch, 20%);
.element {
color: $kirsch;
box-shadow: 0 0 0 2px rgba($kirsch, 0.35);
}