Cor nomeada mais próxima · #560013
#560013
Cor nomeada mais próxima: Cherry Picking
#560013 (rgb(86 0 19), hsl(347 100% 17%), oklch(0.287 0.115 18.2)) é mais próxima da cor nomeada Cherry Picking. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#560013
oklch(0.287 0.115 18.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 682027
- 7A383C
- 8C5052
- 9D6768
- AE7F80
- BE9898
- CFB1B1
- DFCBCA
- EFE5E4
Sombras
- 4A000F
- 3E000B
- 320007
- 270005
- 1C0003
- 120001
- 080001
- 020000
- 000000
Tons
- 5C141D
- 622228
- 672F32
- 6C3B3C
- 704647
- 745252
- 785D5D
- 7B6969
- 7E7474
Harmonias de cor
Complementar +180°
- 560013
Cherry Picking
- 003233
≈ Nora’s Forest
Análoga -30° +30°
- 560013
Cherry Picking
- 4F0434
≈ Pion Purple
- 481C00
≈ Chocolate Castle
Tríade +120° +240°
- 560013
Cherry Picking
- 0F3400
≈ Witch Wart
- 00275E
≈ Black Sea Night
Complementar dividida +150° +210°
- 560013
Cherry Picking
- 003425
≈ Coach Green
- 003040
≈ Nordic Noir
Tétrade +90° +180° +270°
- 560013
Cherry Picking
- 2E2D00
≈ Secret Passage
- 003233
≈ Nora’s Forest
- 2B1A5F
≈ Night Fog
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 14.94:1 · APCA Lc 100
Ag
FailSobre preto
WCAG 1.40:1 · APCA Lc 0
Melhor cor de texto: #FFFFFF
WCAG 14.94:1 (AAA) · APCA Lc 100
Contrast pairs
Trechos de código
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);
}