Couleur nommée la plus proche · #560013
#560013
Couleur nommée la plus proche: Cherry Picking
#560013 (rgb(86 0 19), hsl(347 100% 17%), oklch(0.287 0.115 18.2)) est la plus proche de la couleur nommée Cherry Picking. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#560013
oklch(0.287 0.115 18.2)
Conversions de couleur
- HEX
- #560013
- RGB
- rgb(86 0 19)
- HSL
- hsl(347 100% 17%)
- HWB
- hwb(347 0% 66%)
- OKLCH
- oklch(0.287 0.115 18.2)
- OKLab
- oklab(0.287 0.109 0.036)
- CIE Lab
- lab(16.05 37.07 16.46)
- LCH
- lch(16.05 40.56 23.9)
- CMYK
- cmyk(0% 100% 78% 66%)
Teintes · Ombres · Tons
Teintes
- 682027
- 7A383C
- 8C5052
- 9D6768
- AE7F80
- BE9898
- CFB1B1
- DFCBCA
- EFE5E4
Ombres
- 4A000F
- 3E000B
- 320007
- 270005
- 1C0003
- 120001
- 080001
- 020000
- 000000
Tons
- 5C141D
- 622228
- 672F32
- 6C3B3C
- 704647
- 745252
- 785D5D
- 7B6969
- 7E7474
Harmonies de couleurs
Complémentaire +180°
- 560013
Cherry Picking
- 003233
≈ Nora’s Forest
Analogue -30° +30°
- 560013
Cherry Picking
- 4F0434
≈ Pion Purple
- 481C00
≈ Chocolate Castle
Triadique +120° +240°
- 560013
Cherry Picking
- 0F3400
≈ Witch Wart
- 00275E
≈ Black Sea Night
Complémentaire divisée +150° +210°
- 560013
Cherry Picking
- 003425
≈ Coach Green
- 003040
≈ Nordic Noir
Tétradique +90° +180° +270°
- 560013
Cherry Picking
- 2E2D00
≈ Secret Passage
- 003233
≈ Nora’s Forest
- 2B1A5F
≈ Night Fog
Contraste et accessibilité
Ag
AAASur blanc
WCAG 14.94:1 · APCA Lc 100
Ag
FailSur noir
WCAG 1.40:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 14.94:1 (AAA) · APCA Lc 100
Contrast pairs
Extraits de code
CSS
:root {
--cherry-picking: #560013;
--cherry-picking-rgb: 86 0 19;
--cherry-picking-oklch: oklch(0.287 0.115 18.2);
}
.element {
color: var(--cherry-picking);
background-color: hsl(347 100% 17%);
border-color: oklch(0.287 0.115 18.2);
}Tailwind CSS v4
@theme {
--color-cherry-picking: #560013;
--color-cherry-picking-50: #ffe9e7;
--color-cherry-picking-100: #ffd9d8;
--color-cherry-picking-200: #ffc1c0;
--color-cherry-picking-300: #eda09f;
--color-cherry-picking-400: #da8284;
--color-cherry-picking-500: #c76369;
--color-cherry-picking-600: #a85559;
--color-cherry-picking-700: #874347;
--color-cherry-picking-800: #643034;
--color-cherry-picking-900: #462124;
--color-cherry-picking-950: #2d1013;
}SCSS
$cherry-picking: #560013;
$cherry-picking-rgb: 86, 0, 19;
$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);
}