Nazwany kolor · #BF4E46
Le Corbusier Crush
Le Corbusier Crush to #BF4E46: rgb(191 78 70), hsl(4 49% 51%), oklch(0.571 0.147 26.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Le Corbusier Crush color name →
#BF4E46
oklch(0.571 0.147 26.8)
Konwersje koloru
- HEX
- #bf4e46
- RGB
- rgb(191 78 70)
- HSL
- hsl(4 49% 51%)
- HWB
- hwb(4 27% 25%)
- OKLCH
- oklch(0.571 0.147 26.8)
- OKLab
- oklab(0.571 0.131 0.066)
- CIE Lab
- lab(48.79 45.92 28.98)
- LCH
- lch(48.79 54.31 32.3)
- CMYK
- cmyk(0% 59% 63% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C76158
- CF736A
- D7857C
- DE968E
- E5A7A0
- EBB9B2
- F1CAC5
- F6DCD8
- FBEDEC
Odcienie ciemniejsze
- A6433C
- 8D3832
- 752D28
- 5E231E
- 481915
- 330F0D
- 1F0705
- 0D0202
- 020000
Tony
- BA554C
- B55B53
- AF6159
- A9665F
- A36B64
- 9D6F6A
- 967470
- 8F7875
- 887C7B
Harmonie kolorów
Komplementarna +180°
- BF4E46
Le Corbusier Crush
- 008795
≈ Tropical Teal
Analogowa -30° +30°
- BF4E46
Le Corbusier Crush
- B84C79
≈ Royal Heath
- B35E00
≈ Orangish Brown
Triada +120° +240°
- BF4E46
Le Corbusier Crush
- 2B8E3F
≈ Green Ribbon
- 5071CE
≈ Cornflower
Komplementarna rozszczepiona +150° +210°
- BF4E46
Le Corbusier Crush
- 008C76
≈ Emerald Enchantment
- 0081B7
≈ Primal Blue
Tetrada +90° +180° +270°
- BF4E46
Le Corbusier Crush
- 738100
≈ Verde Tropa
- 008795
≈ Tropical Teal
- 8261C3
≈ Lavish Spending
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.77:1 · APCA Lc 72
Ag
FailNa czerni
WCAG 4.39:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--le-corbusier-crush: #bf4e46;
--le-corbusier-crush-rgb: 191 78 70;
--le-corbusier-crush-oklch: oklch(0.571 0.147 26.8);
}
.element {
color: var(--le-corbusier-crush);
background-color: hsl(4 49% 51%);
border-color: oklch(0.571 0.147 26.8);
}Tailwind CSS v4
@theme {
--color-le-corbusier-crush: #bf4e46;
--color-le-corbusier-crush-50: #ffe6dd;
--color-le-corbusier-crush-100: #ffd6cc;
--color-le-corbusier-crush-200: #ffbdb0;
--color-le-corbusier-crush-300: #fa9a8c;
--color-le-corbusier-crush-400: #e8796e;
--color-le-corbusier-crush-500: #d6574e;
--color-le-corbusier-crush-600: #b54b43;
--color-le-corbusier-crush-700: #913c35;
--color-le-corbusier-crush-800: #6c2a27;
--color-le-corbusier-crush-900: #4c1c1a;
--color-le-corbusier-crush-950: #320c0b;
}SCSS
$le-corbusier-crush: #bf4e46;
$le-corbusier-crush-rgb: 191, 78, 70;
$le-corbusier-crush-light: mix(#fff, $le-corbusier-crush, 20%);
$le-corbusier-crush-dark: mix(#000, $le-corbusier-crush, 20%);
.element {
color: $le-corbusier-crush;
box-shadow: 0 0 0 2px rgba($le-corbusier-crush, 0.35);
}