Colore con nome · #B1575F
Alsike Clover Red
Alsike Clover Red è #B1575F: rgb(177 87 95), hsl(355 37% 52%), oklch(0.568 0.117 16). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Alsike Clover Red color name →
#B1575F
oklch(0.568 0.117 16)
Conversioni di colore
- HEX
- #b1575f
- RGB
- rgb(177 87 95)
- HSL
- hsl(355 37% 52%)
- HWB
- hwb(355 34% 31%)
- OKLCH
- oklch(0.568 0.117 16)
- OKLab
- oklab(0.568 0.113 0.032)
- CIE Lab
- lab(48.65 37.95 13.45)
- LCH
- lch(48.65 40.26 19.5)
- CMYK
- cmyk(0% 51% 46% 31%)
Tinte · Ombre · Toni
Tinte
- BA686E
- C3787D
- CC898C
- D4999C
- DCAAAC
- E3BBBC
- EBCCCC
- F2DDDD
- F9EEEE
Ombre
- 994B52
- 833E44
- 6C3338
- 57272C
- 421C20
- 2F1215
- 1C080A
- 0C0303
- 010000
Toni
- AD5C62
- A96166
- A56569
- A0696C
- 9B6E70
- 967173
- 917576
- 8C7979
- 867D7D
Armonie di colore
Complementare +180°
- B1575F
Alsike Clover Red
- 008889
≈ Green Moblin
Analogo -30° +30°
- B1575F
Alsike Clover Red
- A75885
≈ Cyclamen Red
- AE5E36
≈ Monument Valley
Triadico +120° +240°
- B1575F
Alsike Clover Red
- 56863C
≈ The Legend of Green
- 4678BB
≈ Ashton Blue
Complementare divisa +150° +210°
- B1575F
Alsike Clover Red
- 038C67
≈ Kabalite Green
- 0083A7
≈ Tibetan Turquoise
Tetradico +90° +180° +270°
- B1575F
Alsike Clover Red
- 807A0E
≈ Tool Green
- 008889
≈ Green Moblin
- 726BB8
≈ Purple Toolbox
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.77:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.39:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.77:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--alsike-clover-red: #b1575f;
--alsike-clover-red-rgb: 177 87 95;
--alsike-clover-red-oklch: oklch(0.568 0.117 16);
}
.element {
color: var(--alsike-clover-red);
background-color: hsl(355 37% 52%);
border-color: oklch(0.568 0.117 16);
}Tailwind CSS v4
@theme {
--color-alsike-clover-red: #b1575f;
--color-alsike-clover-red-50: #ffe8e8;
--color-alsike-clover-red-100: #ffd9d9;
--color-alsike-clover-red-200: #ffc1c1;
--color-alsike-clover-red-300: #ed9fa1;
--color-alsike-clover-red-400: #db8187;
--color-alsike-clover-red-500: #c7626b;
--color-alsike-clover-red-600: #a8545b;
--color-alsike-clover-red-700: #874349;
--color-alsike-clover-red-800: #643036;
--color-alsike-clover-red-900: #472025;
--color-alsike-clover-red-950: #2e0f13;
}SCSS
$alsike-clover-red: #b1575f;
$alsike-clover-red-rgb: 177, 87, 95;
$alsike-clover-red-light: mix(#fff, $alsike-clover-red, 20%);
$alsike-clover-red-dark: mix(#000, $alsike-clover-red, 20%);
.element {
color: $alsike-clover-red;
box-shadow: 0 0 0 2px rgba($alsike-clover-red, 0.35);
}