色名 · #768A75
Hedge Green
Hedge Greenは#768A75：rgb(118 138 117)、hsl(117 8% 50%)、oklch(0.611 0.039 143.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Hedge Green color name →
#768A75
oklch(0.611 0.039 143.8)
カラー変換
- HEX
- #768a75
- RGB
- rgb(118 138 117)
- HSL
- hsl(117 8% 50%)
- HWB
- hwb(117 46% 46%)
- OKLCH
- oklch(0.611 0.039 143.8)
- OKLab
- oklab(0.611 -0.031 0.023)
- CIE Lab
- lab(55.41 -10.68 8.77)
- LCH
- lch(55.41 13.82 140.6)
- CMYK
- cmyk(14% 0% 15% 46%)
ティント · シェード · トーン
ティント
- 839582
- 90A08F
- 9DAC9C
- ABB7AA
- B8C3B8
- C6CFC6
- D4DBD4
- E2E7E2
- F1F3F0
シェード
- 667765
- 566555
- 475346
- 384237
- 293229
- 1C221C
- 0F140F
- 050705
- 010101
トーン
- 778976
- 788877
- 798778
- 7A867A
- 7B857B
- 7C847C
- 7D837D
- 7E827E
- 7F817F
カラーハーモニー
補色 +180°
- 768A75
Hedge Green
- 907C91
≈ Violet Persuasion
類似色 -30° +30°
- 768A75
Hedge Green
- 83876C
≈ Shebang
- 6C8C82
≈ Aspen Hush
トライアド +120° +240°
- 768A75
Hedge Green
- 78849C
≈ Tempest
- 9A7B78
≈ Neapolitan
スプリットコンプリメンタリー +150° +210°
- 768A75
Hedge Green
- 847F99
≈ Dusky Grape
- 977A85
≈ Mulberry Wine
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.70:1 · APCA Lc 65
Ag
AA黒の上
WCAG 5.66:1 · APCA Lc 37
最適な文字色: #000000
WCAG 5.66:1 (AA) · APCA Lc 37
Contrast pairs
コードスニペット
CSS
:root {
--hedge-green: #768a75;
--hedge-green-rgb: 118 138 117;
--hedge-green-oklch: oklch(0.611 0.039 143.8);
}
.element {
color: var(--hedge-green);
background-color: hsl(117 8% 50%);
border-color: oklch(0.611 0.039 143.8);
}Tailwind CSS v4
@theme {
--color-hedge-green: #768a75;
--color-hedge-green-50: #eef8ef;
--color-hedge-green-100: #e0ece0;
--color-hedge-green-200: #cad9ca;
--color-hedge-green-300: #abbdac;
--color-hedge-green-400: #91a590;
--color-hedge-green-500: #778d76;
--color-hedge-green-600: #657764;
--color-hedge-green-700: #516050;
--color-hedge-green-800: #3b4639;
--color-hedge-green-900: #283027;
--color-hedge-green-950: #161d15;
}SCSS
$hedge-green: #768a75;
$hedge-green-rgb: 118, 138, 117;
$hedge-green-light: mix(#fff, $hedge-green, 20%);
$hedge-green-dark: mix(#000, $hedge-green, 20%);
.element {
color: $hedge-green;
box-shadow: 0 0 0 2px rgba($hedge-green, 0.35);
}