Nazwany kolor · #B63731
Red Obsession
Red Obsession to #B63731: rgb(182 55 49), hsl(3 58% 45%), oklch(0.525 0.164 27.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Red Obsession color name →
#B63731
oklch(0.525 0.164 27.1)
Konwersje koloru
- HEX
- #b63731
- RGB
- rgb(182 55 49)
- HSL
- hsl(3 58% 45%)
- HWB
- hwb(3 19% 29%)
- OKLCH
- oklch(0.525 0.164 27.1)
- OKLab
- oklab(0.525 0.146 0.075)
- CIE Lab
- lab(43.26 51.51 34.37)
- LCH
- lch(43.26 61.92 33.7)
- CMYK
- cmyk(0% 70% 73% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C04E46
- C96359
- D2776D
- DA8B81
- E29E96
- E9B1AA
- EFC5BF
- F5D8D4
- FAEBE9
Odcienie ciemniejsze
- 9E2E29
- 862622
- 6F1E1A
- 591613
- 440F0C
- 300806
- 1D0303
- 0C0101
- 020000
Tony
- B2423A
- AE4B43
- AA534B
- A55B53
- A0625B
- 9B6862
- 956F6A
- 8E7571
- 887A79
Harmonie kolorów
Komplementarna +180°
- B63731
Red Obsession
- 007885
≈ Biscay Bay
Analogowa -30° +30°
- B63731
Red Obsession
- AF356B
≈ Rich Maroon
- 9F5300
≈ Fresh Cinnamon
Triada +120° +240°
- B63731
Red Obsession
- 00812D
≈ Azure Radiance
- 4061C8
≈ God of Rain
Komplementarna rozszczepiona +150° +210°
- B63731
Red Obsession
- 007C69
≈ Mediaeval Forest
- 0072A4
≈ Quarterdeck
Tetrada +90° +180° +270°
- B63731
Red Obsession
- 667200
≈ Brownish Green
- 007885
≈ Biscay Bay
- 764FBC
≈ Fuchsia Blue
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.86:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.57:1 · APCA Lc 24
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.86:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--red-obsession: #b63731;
--red-obsession-rgb: 182 55 49;
--red-obsession-oklch: oklch(0.525 0.164 27.1);
}
.element {
color: var(--red-obsession);
background-color: hsl(3 58% 45%);
border-color: oklch(0.525 0.164 27.1);
}Tailwind CSS v4
@theme {
--color-red-obsession: #b63731;
--color-red-obsession-50: #ffe4da;
--color-red-obsession-100: #ffd4c8;
--color-red-obsession-200: #ffbaac;
--color-red-obsession-300: #ff9586;
--color-red-obsession-400: #f07367;
--color-red-obsession-500: #de4e46;
--color-red-obsession-600: #bb443c;
--color-red-obsession-700: #97362f;
--color-red-obsession-800: #712523;
--color-red-obsession-900: #4f1917;
--color-red-obsession-950: #340909;
}SCSS
$red-obsession: #b63731;
$red-obsession-rgb: 182, 55, 49;
$red-obsession-light: mix(#fff, $red-obsession, 20%);
$red-obsession-dark: mix(#000, $red-obsession, 20%);
.element {
color: $red-obsession;
box-shadow: 0 0 0 2px rgba($red-obsession, 0.35);
}