最も近い色名 · #8BAB75
#8BAB75
最も近い色名: Lush Fields
#8BAB75（rgb(139 171 117)、hsl(96 24% 56%)、oklch(0.703 0.084 133.1)）に最も近い色名はLush Fieldsです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8BAB75
oklch(0.703 0.084 133.1)
カラー変換
- HEX
- #8bab75
- RGB
- rgb(139 171 117)
- HSL
- hsl(96 24% 56%)
- HWB
- hwb(96 46% 33%)
- OKLCH
- oklch(0.703 0.084 133.1)
- OKLab
- oklab(0.703 -0.057 0.061)
- CIE Lab
- lab(66.53 -18.88 24.14)
- LCH
- lch(66.53 30.65 128)
- CMYK
- cmyk(19% 0% 32% 33%)
ティント · シェード · トーン
ティント
- 96B383
- A1BC90
- ADC49E
- B8CCAB
- C4D5B9
- CFDDC7
- DBE6D5
- E7EEE3
- F3F6F1
シェード
- 789465
- 667E55
- 546846
- 435437
- 324029
- 232D1C
- 141B0F
- 070B05
- 010101
トーン
- 8AA777
- 89A278
- 889E79
- 879A7A
- 86967C
- 85917D
- 848D7E
- 82897E
- 81847F
カラーハーモニー
補色 +180°
- 8BAB75
Lush Fields
- B290C5
≈ Fleur-De-Lis
類似色 -30° +30°
- 8BAB75
Lush Fields
- A9A263
≈ Wavy Glass
- 6DB091
≈ Melon Green
トライアド +120° +240°
- 8BAB75
Lush Fields
- 7AA3D3
≈ Boudoir Blue
- CE8A90
≈ Memorable Rose
スプリットコンプリメンタリー +150° +210°
- 8BAB75
Lush Fields
- 9899D2
≈ Bluebell Frost
- C58BAD
≈ Bonny Belle
テトラード +90° +180° +270°
- 8BAB75
Lush Fields
- 61ABC5
≈ Blue Mist
- B290C5
≈ Fleur-De-Lis
- CC8F75
≈ Terra Cotta Clay
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.56:1 · APCA Lc 50
Ag
AAA黒の上
WCAG 8.17:1 · APCA Lc 52
最適な文字色: #000000
WCAG 8.17:1 (AAA) · APCA Lc 52
Contrast pairs
コードスニペット
CSS
:root {
--lush-fields: #8bab75;
--lush-fields-rgb: 139 171 117;
--lush-fields-oklch: oklch(0.703 0.084 133.1);
}
.element {
color: var(--lush-fields);
background-color: hsl(96 24% 56%);
border-color: oklch(0.703 0.084 133.1);
}Tailwind CSS v4
@theme {
--color-lush-fields: #8bab75;
--color-lush-fields-50: #ebfbe3;
--color-lush-fields-100: #dcefd3;
--color-lush-fields-200: #c5ddb9;
--color-lush-fields-300: #a5c297;
--color-lush-fields-400: #8ba976;
--color-lush-fields-500: #709258;
--color-lush-fields-600: #5f7c4b;
--color-lush-fields-700: #4c633b;
--color-lush-fields-800: #384829;
--color-lush-fields-900: #26321c;
--color-lush-fields-950: #151e0c;
}SCSS
$lush-fields: #8bab75;
$lush-fields-rgb: 139, 171, 117;
$lush-fields-light: mix(#fff, $lush-fields, 20%);
$lush-fields-dark: mix(#000, $lush-fields, 20%);
.element {
color: $lush-fields;
box-shadow: 0 0 0 2px rgba($lush-fields, 0.35);
}