Colore con nome più vicino · #9C873F
#9C873F
Colore con nome più vicino: Jalapeño
#9C873F (rgb(156 135 63), hsl(46 42% 43%), oklch(0.628 0.095 93.2)) è più vicino al colore con nome Jalapeño. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#9C873F
oklch(0.628 0.095 93.2)
Conversioni di colore
- HEX
- #9c873f
- RGB
- rgb(156 135 63)
- HSL
- hsl(46 42% 43%)
- HWB
- hwb(46 25% 39%)
- OKLCH
- oklch(0.628 0.095 93.2)
- OKLab
- oklab(0.628 -0.005 0.095)
- CIE Lab
- lab(57.14 1.59 40.97)
- LCH
- lch(57.14 41 87.8)
- CMYK
- cmyk(0% 13% 60% 39%)
Tinte · Ombre · Toni
Tinte
- A59354
- AF9E67
- B9AA7A
- C3B68D
- CCC2A0
- D6CEB3
- E0DAC5
- EAE6D8
- F5F3EC
Ombre
- 877535
- 73632C
- 5F5123
- 4C411B
- 393112
- 28210A
- 181304
- 090601
- 010100
Toni
- 998648
- 96864F
- 948557
- 91855D
- 8E8464
- 8B836A
- 888370
- 868275
- 83817B
Armonie di colore
Complementare +180°
- 9C873F
Jalapeño
- 7684C2
≈ Violets Are Blue
Analogo -30° +30°
- 9C873F
Jalapeño
- B17B48
≈ Rocky Racoon
- 7D924F
≈ Camo
Triadico +120° +240°
- 9C873F
Jalapeño
- 3197AB
≈ Aqua Dance
- AB72A1
≈ Orchid Kiss
Complementare divisa +150° +210°
- 9C873F
Jalapeño
- 528FBE
≈ Cliff Blue
- 947AB8
≈ Lavender Purple
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.52:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.95:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--jalapeno: #9c873f;
--jalapeno-rgb: 156 135 63;
--jalapeno-oklch: oklch(0.628 0.095 93.2);
}
.element {
color: var(--jalapeno);
background-color: hsl(46 42% 43%);
border-color: oklch(0.628 0.095 93.2);
}Tailwind CSS v4
@theme {
--color-jalapeno: #9c873f;
--color-jalapeno-50: #fdf6d7;
--color-jalapeno-100: #f1e8c5;
--color-jalapeno-200: #e1d5a7;
--color-jalapeno-300: #c6b77f;
--color-jalapeno-400: #b19d5a;
--color-jalapeno-500: #9c8432;
--color-jalapeno-600: #84702c;
--color-jalapeno-700: #695a23;
--color-jalapeno-800: #4f4117;
--color-jalapeno-900: #372d0f;
--color-jalapeno-950: #221a03;
}SCSS
$jalapeno: #9c873f;
$jalapeno-rgb: 156, 135, 63;
$jalapeno-light: mix(#fff, $jalapeno, 20%);
$jalapeno-dark: mix(#000, $jalapeno, 20%);
.element {
color: $jalapeno;
box-shadow: 0 0 0 2px rgba($jalapeno, 0.35);
}