Color con nombre más cercano · #9E9560
#9E9560
Color con nombre más cercano: In a Pickle
#9E9560 (rgb(158 149 96), hsl(51 24% 50%), oklch(0.665 0.073 99.8)) se parece más al color con nombre In a Pickle. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#9E9560
oklch(0.665 0.073 99.8)
Conversiones de color
- HEX
- #9e9560
- RGB
- rgb(158 149 96)
- HSL
- hsl(51 24% 50%)
- HWB
- hwb(51 38% 38%)
- OKLCH
- oklch(0.665 0.073 99.8)
- OKLab
- oklab(0.665 -0.012 0.072)
- CIE Lab
- lab(61.53 -2.48 29.25)
- LCH
- lch(61.53 29.35 94.9)
- CMYK
- cmyk(0% 6% 39% 38%)
Tintes · Sombras · Tonos
Tintes
- A79F70
- B1AA7F
- BAB48F
- C4BF9F
- CDC9AE
- D7D4BE
- E1DECE
- EBE9DE
- F5F4EF
Sombras
- 898152
- 746D45
- 605A38
- 4D482C
- 3A3720
- 292615
- 18160A
- 090803
- 010100
Tonos
- 9B9364
- 989168
- 958F6B
- 928D6E
- 8F8B72
- 8C8975
- 898678
- 86847B
- 83827D
Armonías de color
Complementario +180°
- 9E9560
In a Pickle
- 8A8FC0
≈ Sweet William
Análogo -30° +30°
- 9E9560
In a Pickle
- B18C62
≈ Crown Gold
- 859D6D
≈ Sleepy Hollow
Triádico +120° +240°
- 9E9560
In a Pickle
- 5D9EB3
≈ Inuit
- B282A2
≈ Purple Stripe
Complementario dividido +150° +210°
- 9E9560
In a Pickle
- 7197BF
≈ Pinafore Blue
- A188B6
≈ Kismet
Tetrádico +90° +180° +270°
- 9E9560
In a Pickle
- 5BA29D
≈ Teal Bayou
- 8A8FC0
≈ Sweet William
- BB818A
≈ Lipstick Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.03:1 · APCA Lc 57
Ag
AASobre negro
WCAG 6.92:1 · APCA Lc 45
Mejor color de texto: #000000
WCAG 6.92:1 (AA) · APCA Lc 45
Contrast pairs
Fragmentos de código
CSS
:root {
--in-a-pickle: #9e9560;
--in-a-pickle-rgb: 158 149 96;
--in-a-pickle-oklch: oklch(0.665 0.073 99.8);
}
.element {
color: var(--in-a-pickle);
background-color: hsl(51 24% 50%);
border-color: oklch(0.665 0.073 99.8);
}Tailwind CSS v4
@theme {
--color-in-a-pickle: #9e9560;
--color-in-a-pickle-50: #f9f6df;
--color-in-a-pickle-100: #ece9ce;
--color-in-a-pickle-200: #dad6b3;
--color-in-a-pickle-300: #bfb98e;
--color-in-a-pickle-400: #a8a06d;
--color-in-a-pickle-500: #91874d;
--color-in-a-pickle-600: #7b7342;
--color-in-a-pickle-700: #625c34;
--color-in-a-pickle-800: #494324;
--color-in-a-pickle-900: #332e18;
--color-in-a-pickle-950: #1e1b09;
}SCSS
$in-a-pickle: #9e9560;
$in-a-pickle-rgb: 158, 149, 96;
$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);
}