色名 · #9A8D3F
Jalapeño
Jalapeñoは#9A8D3F：rgb(154 141 63)、hsl(51 42% 43%)、oklch(0.639 0.1 100)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Yellow mean? → · Jalapeño color name →
#9A8D3F
oklch(0.639 0.1 100)
カラー変換
- HEX
- #9a8d3f
- RGB
- rgb(154 141 63)
- HSL
- hsl(51 42% 43%)
- HWB
- hwb(51 25% 40%)
- OKLCH
- oklch(0.639 0.1 100)
- OKLab
- oklab(0.639 -0.017 0.099)
- CIE Lab
- lab(58.59 -2.42 42.49)
- LCH
- lch(58.59 42.56 93.3)
- CMYK
- cmyk(0% 8% 59% 40%)
ティント · シェード · トーン
ティント
- A49854
- ADA368
- B7AF7B
- C1BA8E
- CBC5A0
- D5D1B3
- E0DCC6
- EAE8D9
- F4F3EC
シェード
- 857A35
- 71672C
- 5E5523
- 4B441B
- 393312
- 27230A
- 171404
- 090701
- 010100
トーン
- 978C48
- 958B50
- 928A57
- 8F885E
- 8D8764
- 8A866A
- 888470
- 858375
- 82827B
カラーハーモニー
補色 +180°
- 9A8D3F
Jalapeño
- 8085C8
≈ Twilight Twinkle
類似色 -30° +30°
- 9A8D3F
Jalapeño
- B38043
≈ Tiffany Amber
- 789855
≈ Dry Moss
トライアド +120° +240°
- 9A8D3F
Jalapeño
- 339AB6
≈ Sports Blue
- B4739F
≈ Eccentric Magenta
スプリットコンプリメンタリー +150° +210°
- 9A8D3F
Jalapeño
- 5A90C6
≈ Come Sail Away
- 9E7AB9
≈ Lush Lilac
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.35:1 · APCA Lc 61
Ag
AA黒の上
WCAG 6.25:1 · APCA Lc 41
最適な文字色: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
コードスニペット
CSS
:root {
--jalapeno: #9a8d3f;
--jalapeno-rgb: 154 141 63;
--jalapeno-oklch: oklch(0.639 0.1 100);
}
.element {
color: var(--jalapeno);
background-color: hsl(51 42% 43%);
border-color: oklch(0.639 0.1 100);
}Tailwind CSS v4
@theme {
--color-jalapeno: #9a8d3f;
--color-jalapeno-50: #faf7d6;
--color-jalapeno-100: #eeeac4;
--color-jalapeno-200: #dcd6a5;
--color-jalapeno-300: #c1ba7d;
--color-jalapeno-400: #aca057;
--color-jalapeno-500: #96872d;
--color-jalapeno-600: #7f7228;
--color-jalapeno-700: #655c20;
--color-jalapeno-800: #4c4214;
--color-jalapeno-900: #352e0d;
--color-jalapeno-950: #201b02;
}SCSS
$jalapeno: #9a8d3f;
$jalapeno-rgb: 154, 141, 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);
}