色名 · #5FA052
Muted Green
Muted Greenは#5FA052：rgb(95 160 82)、hsl(110 32% 47%)、oklch(0.643 0.129 140.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Green mean? → · Muted Green color name →
#5FA052
oklch(0.643 0.129 140.4)
カラー変換
- HEX
- #5fa052
- RGB
- rgb(95 160 82)
- HSL
- hsl(110 32% 47%)
- HWB
- hwb(110 32% 37%)
- OKLCH
- oklch(0.643 0.129 140.4)
- OKLab
- oklab(0.643 -0.1 0.083)
- CIE Lab
- lab(60.12 -33.45 33.62)
- LCH
- lch(60.12 47.42 134.9)
- CMYK
- cmyk(41% 0% 49% 37%)
ティント · シェード · トーン
ティント
- 6FAA64
- 7FB375
- 8FBD86
- 9FC697
- AFD0A8
- BFD9B9
- CFE3CA
- DFECDC
- EFF6ED
シェード
- 528B46
- 44763B
- 38612F
- 2C4E25
- 203B1A
- 152911
- 0A1908
- 030902
- 000100
トーン
- 639D58
- 679A5D
- 6B9762
- 6E9467
- 72916C
- 758D70
- 788A74
- 7B8778
- 7D837C
カラーハーモニー
補色 +180°
- 5FA052
Muted Green
- B071BD
≈ Lavendless
類似色 -30° +30°
- 5FA052
Muted Green
- 929322
≈ Old Asparagus
- 00A582
≈ Congo Green
トライアド +120° +240°
- 5FA052
Muted Green
- 5E8CDB
≈ Blue Jay
- D06A6B
≈ Lippie
スプリットコンプリメンタリー +150° +210°
- 5FA052
Muted Green
- 8D7ED6
≈ Indigo Bloom
- C76A98
≈ Nocturnal Rose
テトラード +90° +180° +270°
- 5FA052
Muted Green
- 009ACC
≈ Tomb Blue
- B071BD
≈ Lavendless
- CA733D
≈ Zest
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.16:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.63:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.63:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--muted-green: #5fa052;
--muted-green-rgb: 95 160 82;
--muted-green-oklch: oklch(0.643 0.129 140.4);
}
.element {
color: var(--muted-green);
background-color: hsl(110 32% 47%);
border-color: oklch(0.643 0.129 140.4);
}Tailwind CSS v4
@theme {
--color-muted-green: #5fa052;
--color-muted-green-50: #e1ffdd;
--color-muted-green-100: #d0f4cc;
--color-muted-green-200: #b5e3b0;
--color-muted-green-300: #91c98b;
--color-muted-green-400: #73b167;
--color-muted-green-500: #529a43;
--color-muted-green-600: #46833a;
--color-muted-green-700: #38692e;
--color-muted-green-800: #2a4d1e;
--color-muted-green-900: #1c3514;
--color-muted-green-950: #0c2005;
}SCSS
$muted-green: #5fa052;
$muted-green-rgb: 95, 160, 82;
$muted-green-light: mix(#fff, $muted-green, 20%);
$muted-green-dark: mix(#000, $muted-green, 20%);
.element {
color: $muted-green;
box-shadow: 0 0 0 2px rgba($muted-green, 0.35);
}