Colore con nome · #620B15
Cherry Picking
Cherry Picking è #620B15: rgb(98 11 21), hsl(353 80% 21%), oklch(0.322 0.118 22.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Cherry Picking color name →
#620B15
oklch(0.322 0.118 22.1)
Conversioni di colore
- HEX
- #620b15
- RGB
- rgb(98 11 21)
- HSL
- hsl(353 80% 21%)
- HWB
- hwb(353 4% 62%)
- OKLCH
- oklch(0.322 0.118 22.1)
- OKLab
- oklab(0.322 0.11 0.044)
- CIE Lab
- lab(20.06 37.78 20.65)
- LCH
- lch(20.06 43.05 28.7)
- CMYK
- cmyk(0% 89% 79% 62%)
Tinte · Ombre · Toni
Tinte
- 73282A
- 843F3F
- 945654
- A46D6B
- B48482
- C49C9A
- D3B4B2
- E2CDCB
- F0E6E5
Ombre
- 540811
- 47060C
- 3A0408
- 2D0205
- 210103
- 160102
- 0B0001
- 030000
- 000000
Toni
- 671C20
- 6B292A
- 6F3534
- 73403F
- 764B49
- 795654
- 7B605F
- 7D6B6A
- 7F7575
Armonie di colore
Complementare +180°
- 620B15
Cherry Picking
- 003B3F
≈ Ghostlands Coal
Analogo -30° +30°
- 620B15
Cherry Picking
- 5C0D39
≈ Mulberry Wood
- 532400
≈ Conker Brown
Triadico +120° +240°
- 620B15
Cherry Picking
- 024000
≈ Hunter Green
- 0D2E6E
≈ Konjō Blue
Complementare divisa +150° +210°
- 620B15
Cherry Picking
- 003D30
≈ Night Turquoise
- 00384F
≈ Sea of Stars
Tetradico +90° +180° +270°
- 620B15
Cherry Picking
- 343600
≈ Wasabi Nori
- 003B3F
≈ Ghostlands Coal
- 372269
≈ Dark Dreams
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 13.30:1 · APCA Lc 98
Ag
FailSu nero
WCAG 1.57:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 13.30:1 (AAA) · APCA Lc 98
Contrast pairs
Frammenti di codice
CSS
:root {
--cherry-picking: #620b15;
--cherry-picking-rgb: 98 11 21;
--cherry-picking-oklch: oklch(0.322 0.118 22.1);
}
.element {
color: var(--cherry-picking);
background-color: hsl(353 80% 21%);
border-color: oklch(0.322 0.118 22.1);
}Tailwind CSS v4
@theme {
--color-cherry-picking: #620b15;
--color-cherry-picking-50: #ffe9e5;
--color-cherry-picking-100: #ffd9d5;
--color-cherry-picking-200: #ffc1bc;
--color-cherry-picking-300: #eea09a;
--color-cherry-picking-400: #dc817f;
--color-cherry-picking-500: #c86362;
--color-cherry-picking-600: #a95453;
--color-cherry-picking-700: #884342;
--color-cherry-picking-800: #653031;
--color-cherry-picking-900: #472021;
--color-cherry-picking-950: #2e1011;
}SCSS
$cherry-picking: #620b15;
$cherry-picking-rgb: 98, 11, 21;
$cherry-picking-light: mix(#fff, $cherry-picking, 20%);
$cherry-picking-dark: mix(#000, $cherry-picking, 20%);
.element {
color: $cherry-picking;
box-shadow: 0 0 0 2px rgba($cherry-picking, 0.35);
}