Cor nomeada mais próxima · #A09364
#A09364
Cor nomeada mais próxima: In a Pickle
#A09364 (rgb(160 147 100), hsl(47 24% 51%), oklch(0.663 0.066 94.5)) é mais próxima da cor nomeada In a Pickle. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#A09364
oklch(0.663 0.066 94.5)
Conversões de cor
- HEX
- #a09364
- RGB
- rgb(160 147 100)
- HSL
- hsl(47 24% 51%)
- HWB
- hwb(47 39% 37%)
- OKLCH
- oklch(0.663 0.066 94.5)
- OKLab
- oklab(0.663 -0.005 0.066)
- CIE Lab
- lab(61.23 -0.26 26.76)
- LCH
- lch(61.23 26.76 90.6)
- CMYK
- cmyk(0% 8% 38% 37%)
Tons claros · Sombras · Tons
Tons claros
- A99D73
- B2A882
- BCB392
- C5BDA1
- CEC8B0
- D8D3C0
- E2DECF
- EBE9DF
- F5F4EF
Sombras
- 8B7F56
- 766C48
- 61593B
- 4E472E
- 3B3622
- 292516
- 19160B
- 090803
- 010100
Tons
- 9D9167
- 998F6B
- 968D6E
- 938C71
- 908A73
- 8D8876
- 898679
- 86847B
- 83827E
Harmonias de cor
Complementar +180°
- A09364
In a Pickle
- 8791BC
≈ PHP Purple
Análoga -30° +30°
- A09364
In a Pickle
- B08B68
≈ Freckled Nose
- 8A9B6E
≈ Exotic Palm
Tríade +120° +240°
- A09364
In a Pickle
- 619EAC
≈ Echo One
- AD84A4
≈ Wilhelminian Pink
Complementar dividida +150° +210°
- A09364
In a Pickle
- 7098B9
≈ Cotton Cardigan
- 9C89B4
≈ Flirty Pink
Tétrade +90° +180° +270°
- A09364
In a Pickle
- 62A198
≈ Emerald Oasis
- 8791BC
≈ PHP Purple
- B7828E
≈ Lime Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.06:1 · APCA Lc 58
Ag
AASobre preto
WCAG 6.85:1 · APCA Lc 44
Melhor cor de texto: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Trechos de código
CSS
:root {
--in-a-pickle: #a09364;
--in-a-pickle-rgb: 160 147 100;
--in-a-pickle-oklch: oklch(0.663 0.066 94.5);
}
.element {
color: var(--in-a-pickle);
background-color: hsl(47 24% 51%);
border-color: oklch(0.663 0.066 94.5);
}Tailwind CSS v4
@theme {
--color-in-a-pickle: #a09364;
--color-in-a-pickle-50: #faf6e1;
--color-in-a-pickle-100: #eee8d0;
--color-in-a-pickle-200: #dcd5b5;
--color-in-a-pickle-300: #c1b892;
--color-in-a-pickle-400: #ab9e72;
--color-in-a-pickle-500: #948652;
--color-in-a-pickle-600: #7d7146;
--color-in-a-pickle-700: #645b38;
--color-in-a-pickle-800: #4a4227;
--color-in-a-pickle-900: #342d1a;
--color-in-a-pickle-950: #1f1a0b;
}SCSS
$in-a-pickle: #a09364;
$in-a-pickle-rgb: 160, 147, 100;
$in-a-pickle-light: mix(#fff, $in-a-pickle, 20%);
$in-a-pickle-dark: mix(#000, $in-a-pickle, 20%);
.element {
color: $in-a-pickle;
box-shadow: 0 0 0 2px rgba($in-a-pickle, 0.35);
}