Colore con nome · #610023
Baal Red Wash
Baal Red Wash è #610023: rgb(97 0 35), hsl(338 100% 19%), oklch(0.315 0.126 9.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Baal Red Wash color name →
#610023
oklch(0.315 0.126 9.7)
Conversioni di colore
- HEX
- #610023
- RGB
- rgb(97 0 35)
- HSL
- hsl(338 100% 19%)
- HWB
- hwb(338 0% 62%)
- OKLCH
- oklch(0.315 0.126 9.7)
- OKLab
- oklab(0.315 0.124 0.021)
- CIE Lab
- lab(19.06 40.79 9.47)
- LCH
- lch(19.06 41.87 13.1)
- CMYK
- cmyk(0% 100% 64% 62%)
Tinte · Ombre · Toni
Tinte
- 732236
- 843B49
- 94525E
- A46A73
- B48289
- C49A9F
- D3B2B6
- E2CCCE
- F1E5E6
Ombre
- 53001D
- 460017
- 390011
- 2D000C
- 210007
- 150004
- 0B0001
- 030000
- 000000
Toni
- 66162C
- 6B2434
- 6F313D
- 733D46
- 76484F
- 795359
- 7B5F62
- 7D6A6C
- 7F7576
Armonie di colore
Complementare +180°
- 610023
Baal Red Wash
- 003A37
≈ Night Turquoise
Analogo -30° +30°
- 610023
Baal Red Wash
- 570945
≈ Royal Ash
- 591900
≈ Baragon Brown
Triadico +120° +240°
- 610023
Baal Red Wash
- 233900
≈ Melancholia
- 00335C
≈ Effervescent Blue
Complementare divisa +150° +210°
- 610023
Baal Red Wash
- 003C24
≈ Off-Road Green
- 003845
≈ Natural Indigo
Tetradico +90° +180° +270°
- 610023
Baal Red Wash
- 3A3200
≈ Hidden Passage
- 003A37
≈ Night Turquoise
- 29236F
≈ After Work Blue
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.70:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.53:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.70:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
CSS
:root {
--baal-red-wash: #610023;
--baal-red-wash-rgb: 97 0 35;
--baal-red-wash-oklch: oklch(0.315 0.126 9.7);
}
.element {
color: var(--baal-red-wash);
background-color: hsl(338 100% 19%);
border-color: oklch(0.315 0.126 9.7);
}Tailwind CSS v4
@theme {
--color-baal-red-wash: #610023;
--color-baal-red-wash-50: #ffe7ec;
--color-baal-red-wash-100: #ffd7dd;
--color-baal-red-wash-200: #ffbfc6;
--color-baal-red-wash-300: #f09ca7;
--color-baal-red-wash-400: #dd7d8e;
--color-baal-red-wash-500: #ca5e73;
--color-baal-red-wash-600: #ab5062;
--color-baal-red-wash-700: #89404e;
--color-baal-red-wash-800: #662e3a;
--color-baal-red-wash-900: #481f28;
--color-baal-red-wash-950: #2e0e16;
}SCSS
$baal-red-wash: #610023;
$baal-red-wash-rgb: 97, 0, 35;
$baal-red-wash-light: mix(#fff, $baal-red-wash, 20%);
$baal-red-wash-dark: mix(#000, $baal-red-wash, 20%);
.element {
color: $baal-red-wash;
box-shadow: 0 0 0 2px rgba($baal-red-wash, 0.35);
}