Colore con nome · #52383D
Blackcurrant Conserve
Blackcurrant Conserve è #52383D: rgb(82 56 61), hsl(348 19% 27%), oklch(0.372 0.038 6.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Blackcurrant Conserve color name →
#52383D
oklch(0.372 0.038 6.4)
Conversioni di colore
- HEX
- #52383d
- RGB
- rgb(82 56 61)
- HSL
- hsl(348 19% 27%)
- HWB
- hwb(348 22% 68%)
- OKLCH
- oklch(0.372 0.038 6.4)
- OKLab
- oklab(0.372 0.038 0.004)
- CIE Lab
- lab(26.72 12.55 1.76)
- LCH
- lch(26.72 12.67 8)
- CMYK
- cmyk(0% 32% 26% 68%)
Tinte · Ombre · Toni
Tinte
- 624A4E
- 725C60
- 836E72
- 948285
- A59698
- B7AAAC
- C8BFC0
- DAD4D5
- EDE9EA
Ombre
- 462F34
- 3B272B
- 2F1F22
- 25171A
- 1A0F12
- 11080A
- 080404
- 020101
- 000000
Toni
- 573F43
- 5B464A
- 604D50
- 655457
- 695B5D
- 6E6264
- 726A6B
- 777172
- 7C7879
Armonie di colore
Complementare +180°
- 52383D
Blackcurrant Conserve
- 284743
≈ Platoon Green
Analogo -30° +30°
- 52383D
Blackcurrant Conserve
- 4D3948
≈ Noble Hatter’s Violet
- 523932
≈ Ragtop
Triadico +120° +240°
- 52383D
Blackcurrant Conserve
- 3B442E
≈ Mallardish
- 304253
≈ Midnight Navy
Complementare divisa +150° +210°
- 52383D
Blackcurrant Conserve
- 304638
≈ Bracken Fern
- 28454D
≈ Everglade Deck
Tetradico +90° +180° +270°
- 52383D
Blackcurrant Conserve
- 464029
≈ Woodrush
- 284743
≈ Platoon Green
- 3B3F54
≈ Knighthood
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.54:1 · APCA Lc 94
Ag
FailSu nero
WCAG 1.99:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.54:1 (AAA) · APCA Lc 94
Contrast pairs
Frammenti di codice
CSS
:root {
--blackcurrant-conserve: #52383d;
--blackcurrant-conserve-rgb: 82 56 61;
--blackcurrant-conserve-oklch: oklch(0.372 0.038 6.4);
}
.element {
color: var(--blackcurrant-conserve);
background-color: hsl(348 19% 27%);
border-color: oklch(0.372 0.038 6.4);
}Tailwind CSS v4
@theme {
--color-blackcurrant-conserve: #52383d;
--color-blackcurrant-conserve-50: #fff1f3;
--color-blackcurrant-conserve-100: #f4e3e5;
--color-blackcurrant-conserve-200: #e4ced1;
--color-blackcurrant-conserve-300: #cab0b3;
--color-blackcurrant-conserve-400: #b3969b;
--color-blackcurrant-conserve-500: #9d7c82;
--color-blackcurrant-conserve-600: #85696e;
--color-blackcurrant-conserve-700: #6a5458;
--color-blackcurrant-conserve-800: #4e3d41;
--color-blackcurrant-conserve-900: #362a2d;
--color-blackcurrant-conserve-950: #21181a;
}SCSS
$blackcurrant-conserve: #52383d;
$blackcurrant-conserve-rgb: 82, 56, 61;
$blackcurrant-conserve-light: mix(#fff, $blackcurrant-conserve, 20%);
$blackcurrant-conserve-dark: mix(#000, $blackcurrant-conserve, 20%);
.element {
color: $blackcurrant-conserve;
box-shadow: 0 0 0 2px rgba($blackcurrant-conserve, 0.35);
}