最も近い色名 · #86A463
#86A463
最も近い色名: Frankenstein
#86A463（rgb(134 164 99)、hsl(88 26% 52%)、oklch(0.68 0.096 128.9)）に最も近い色名はFrankensteinです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#86A463
oklch(0.68 0.096 128.9)
カラー変換
- HEX
- #86a463
- RGB
- rgb(134 164 99)
- HSL
- hsl(88 26% 52%)
- HWB
- hwb(88 39% 36%)
- OKLCH
- oklch(0.68 0.096 128.9)
- OKLab
- oklab(0.68 -0.06 0.075)
- CIE Lab
- lab(63.9 -19.39 30.16)
- LCH
- lch(63.9 35.86 122.7)
- CMYK
- cmyk(18% 0% 40% 36%)
ティント · シェード · トーン
ティント
- 92AD73
- 9DB682
- A9BF91
- B5C8A1
- C1D1B0
- CDDAC0
- D9E3CF
- E6EDDF
- F2F6EF
シェード
- 748E55
- 627947
- 51643A
- 40502E
- 303D21
- 212B16
- 131A0B
- 060A03
- 010100
トーン
- 85A067
- 859D6A
- 84996D
- 849670
- 839273
- 838F76
- 828B79
- 81877B
- 81847E
カラーハーモニー
補色 +180°
- 86A463
Frankenstein
- A988C6
≈ Classic Bouquet
類似色 -30° +30°
- 86A463
Frankenstein
- A79950
≈ Formosan Green
- 60AA83
≈ Green Tourmaline
トライアド +120° +240°
- 86A463
Frankenstein
- 689DD1
≈ Blue Electress
- CB7F8C
≈ Grey Matter
スプリットコンプリメンタリー +150° +210°
- 86A463
Frankenstein
- 8B92D3
≈ Mystic Iris
- C081AC
≈ Joie de Vivre
テトラード +90° +180° +270°
- 86A463
Frankenstein
- 48A6C0
≈ Moonstone
- A988C6
≈ Classic Bouquet
- CB836C
≈ Cabana Melon
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--frankenstein: #86a463;
--frankenstein-rgb: 134 164 99;
--frankenstein-oklch: oklch(0.68 0.096 128.9);
}
.element {
color: var(--frankenstein);
background-color: hsl(88 26% 52%);
border-color: oklch(0.68 0.096 128.9);
}Tailwind CSS v4
@theme {
--color-frankenstein: #86a463;
--color-frankenstein-50: #ecfbdf;
--color-frankenstein-100: #ddefce;
--color-frankenstein-200: #c6ddb3;
--color-frankenstein-300: #a6c28e;
--color-frankenstein-400: #8daa6c;
--color-frankenstein-500: #72924b;
--color-frankenstein-600: #617c40;
--color-frankenstein-700: #4d6333;
--color-frankenstein-800: #394822;
--color-frankenstein-900: #273217;
--color-frankenstein-950: #151e08;
}SCSS
$frankenstein: #86a463;
$frankenstein-rgb: 134, 164, 99;
$frankenstein-light: mix(#fff, $frankenstein, 20%);
$frankenstein-dark: mix(#000, $frankenstein, 20%);
.element {
color: $frankenstein;
box-shadow: 0 0 0 2px rgba($frankenstein, 0.35);
}