Nazwany kolor · #620B15
Cherry Picking
Cherry Picking to #620B15: rgb(98 11 21), hsl(353 80% 21%), oklch(0.322 0.118 22.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Cherry Picking color name →
#620B15
oklch(0.322 0.118 22.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 73282A
- 843F3F
- 945654
- A46D6B
- B48482
- C49C9A
- D3B4B2
- E2CDCB
- F0E6E5
Odcienie ciemniejsze
- 540811
- 47060C
- 3A0408
- 2D0205
- 210103
- 160102
- 0B0001
- 030000
- 000000
Tony
- 671C20
- 6B292A
- 6F3534
- 73403F
- 764B49
- 795654
- 7B605F
- 7D6B6A
- 7F7575
Harmonie kolorów
Komplementarna +180°
- 620B15
Cherry Picking
- 003B3F
≈ Ghostlands Coal
Analogowa -30° +30°
- 620B15
Cherry Picking
- 5C0D39
≈ Mulberry Wood
- 532400
≈ Conker Brown
Triada +120° +240°
- 620B15
Cherry Picking
- 024000
≈ Hunter Green
- 0D2E6E
≈ Konjō Blue
Komplementarna rozszczepiona +150° +210°
- 620B15
Cherry Picking
- 003D30
≈ Night Turquoise
- 00384F
≈ Sea of Stars
Tetrada +90° +180° +270°
- 620B15
Cherry Picking
- 343600
≈ Wasabi Nori
- 003B3F
≈ Ghostlands Coal
- 372269
≈ Dark Dreams
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.30:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.57:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.30:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
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);
}