色名 · #989A82
Green Onyx
Green Onyxは#989A82：rgb(152 154 130)、hsl(65 11% 56%)、oklch(0.678 0.034 111.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Green Onyx color name →
#989A82
oklch(0.678 0.034 111.2)
カラー変換
- HEX
- #989a82
- RGB
- rgb(152 154 130)
- HSL
- hsl(65 11% 56%)
- HWB
- hwb(65 51% 40%)
- OKLCH
- oklch(0.678 0.034 111.2)
- OKLab
- oklab(0.678 -0.012 0.032)
- CIE Lab
- lab(62.93 -3.96 12.4)
- LCH
- lch(62.93 13.02 107.7)
- CMYK
- cmyk(1% 0% 16% 40%)
ティント · シェード · トーン
ティント
- A2A48E
- ACAD9A
- B6B7A6
- C0C1B2
- CACBBF
- D5D6CB
- DFE0D8
- EAEAE5
- F4F5F2
シェード
- 848570
- 70715F
- 5C5E4E
- 4A4B3E
- 38392F
- 272720
- 171712
- 080906
- 010101
トーン
- 969782
- 939582
- 919282
- 8E9081
- 8C8D81
- 898A81
- 878881
- 858581
- 828380
カラーハーモニー
補色 +180°
- 989A82
Green Onyx
- 9794AC
≈ Lilac Blossom
類似色 -30° +30°
- 989A82
Green Onyx
- A39680
≈ Bridle Path
- 8C9D8A
≈ Farm Fresh
トライアド +120° +240°
- 989A82
Green Onyx
- 839CA9
≈ Bali Hai
- A98F9A
≈ Mauve Shadows
スプリットコンプリメンタリー +150° +210°
- 989A82
Green Onyx
- 8C98AD
≈ Moon Veil
- A291A5
≈ Fields of Provence
テトラード +90° +180° +270°
- 989A82
Green Onyx
- 809EA0
≈ Laid-Back Blue
- 9794AC
≈ Lilac Blossom
- AC908E
≈ Ash Hollow
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.88:1 · APCA Lc 55
Ag
AAA黒の上
WCAG 7.27:1 · APCA Lc 47
最適な文字色: #000000
WCAG 7.27:1 (AAA) · APCA Lc 47
Contrast pairs
コードスニペット
CSS
:root {
--green-onyx: #989a82;
--green-onyx-rgb: 152 154 130;
--green-onyx-oklch: oklch(0.678 0.034 111.2);
}
.element {
color: var(--green-onyx);
background-color: hsl(65 11% 56%);
border-color: oklch(0.678 0.034 111.2);
}Tailwind CSS v4
@theme {
--color-green-onyx: #989a82;
--color-green-onyx-50: #f5f6eb;
--color-green-onyx-100: #e7e9dc;
--color-green-onyx-200: #d4d6c6;
--color-green-onyx-300: #b7baa6;
--color-green-onyx-400: #9fa18a;
--color-green-onyx-500: #87896f;
--color-green-onyx-600: #72745e;
--color-green-onyx-700: #5b5d4b;
--color-green-onyx-800: #434436;
--color-green-onyx-900: #2e2f25;
--color-green-onyx-950: #1b1b13;
}SCSS
$green-onyx: #989a82;
$green-onyx-rgb: 152, 154, 130;
$green-onyx-light: mix(#fff, $green-onyx, 20%);
$green-onyx-dark: mix(#000, $green-onyx, 20%);
.element {
color: $green-onyx;
box-shadow: 0 0 0 2px rgba($green-onyx, 0.35);
}