Colore con nome più vicino · #B6484C
#B6484C
Colore con nome più vicino: Intrigue Red
#B6484C (rgb(182 72 76), hsl(358 43% 50%), oklch(0.55 0.143 20.9)) è più vicino al colore con nome Intrigue Red. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#B6484C
oklch(0.55 0.143 20.9)
Conversioni di colore
- HEX
- #b6484c
- RGB
- rgb(182 72 76)
- HSL
- hsl(358 43% 50%)
- HWB
- hwb(358 28% 29%)
- OKLCH
- oklch(0.55 0.143 20.9)
- OKLab
- oklab(0.55 0.134 0.051)
- CIE Lab
- lab(46.3 45.66 21.94)
- LCH
- lch(46.3 50.66 25.7)
- CMYK
- cmyk(0% 60% 58% 29%)
Tinte · Ombre · Toni
Tinte
- BF5B5D
- C86E6E
- D1807F
- D99290
- E0A4A2
- E7B6B4
- EEC8C6
- F4DAD9
- FAEDEC
Ombre
- 9E3D41
- 863336
- 6F292C
- 591F22
- 441618
- 300D0F
- 1D0606
- 0C0202
- 020000
Toni
- B24F51
- AD5657
- A95C5C
- A46261
- 9F6866
- 9A6D6C
- 947271
- 8E7776
- 877B7B
Armonie di colore
Complementare +180°
- B6484C
Intrigue Red
- 008188
≈ Precious Blue
Analogo -30° +30°
- B6484C
Intrigue Red
- AD487C
≈ Mystic Maroon
- B05301
≈ Mahogany Finish
Triadico +120° +240°
- B6484C
Intrigue Red
- 3B852E
≈ Mountain Meadow Green
- 3E6FC4
≈ Palace Blue
Complementare divisa +150° +210°
- B6484C
Intrigue Red
- 008569
≈ Bosphorus
- 007CA6
≈ Celadon Blue
Tetradico +90° +180° +270°
- B6484C
Intrigue Red
- 757700
≈ Mongolian Plateau
- 008188
≈ Precious Blue
- 735FBE
≈ Ultra Violet
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.22:1 · APCA Lc 75
Ag
FailSu nero
WCAG 4.02:1 · APCA Lc 27
Miglior colore del testo: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--intrigue-red: #b6484c;
--intrigue-red-rgb: 182 72 76;
--intrigue-red-oklch: oklch(0.55 0.143 20.9);
}
.element {
color: var(--intrigue-red);
background-color: hsl(358 43% 50%);
border-color: oklch(0.55 0.143 20.9);
}Tailwind CSS v4
@theme {
--color-intrigue-red: #b6484c;
--color-intrigue-red-50: #ffe6e2;
--color-intrigue-red-100: #ffd6d2;
--color-intrigue-red-200: #ffbcb8;
--color-intrigue-red-300: #f89995;
--color-intrigue-red-400: #e77979;
--color-intrigue-red-500: #d4585c;
--color-intrigue-red-600: #b34b4e;
--color-intrigue-red-700: #903c3e;
--color-intrigue-red-800: #6b2a2e;
--color-intrigue-red-900: #4c1c1f;
--color-intrigue-red-950: #310c0f;
}SCSS
$intrigue-red: #b6484c;
$intrigue-red-rgb: 182, 72, 76;
$intrigue-red-light: mix(#fff, $intrigue-red, 20%);
$intrigue-red-dark: mix(#000, $intrigue-red, 20%);
.element {
color: $intrigue-red;
box-shadow: 0 0 0 2px rgba($intrigue-red, 0.35);
}