色名 · #939087
Smoky Grey Green
Smoky Grey Greenは#939087：rgb(147 144 135)、hsl(45 5% 55%)、oklch(0.653 0.014 91.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Smoky Grey Green color name →
#939087
oklch(0.653 0.014 91.6)
カラー変換
- HEX
- #939087
- RGB
- rgb(147 144 135)
- HSL
- hsl(45 5% 55%)
- HWB
- hwb(45 53% 42%)
- OKLCH
- oklch(0.653 0.014 91.6)
- OKLab
- oklab(0.653 0 0.014)
- CIE Lab
- lab(59.85 -0.1 5.21)
- LCH
- lch(59.85 5.21 91.1)
- CMYK
- cmyk(0% 2% 8% 42%)
ティント · シェード · トーン
ティント
- 9D9B92
- A8A59E
- B2B0AA
- BDBBB5
- C8C6C1
- D2D1CD
- DDDDDA
- E9E8E6
- F4F3F2
シェード
- 7F7D75
- 6C6A63
- 595751
- 474541
- 363431
- 252421
- 161513
- 080706
- 010101
トーン
- 918E86
- 8F8D86
- 8D8B85
- 8B8A84
- 898884
- 888683
- 868582
- 848381
- 828281
カラーハーモニー
補色 +180°
- 939087
Smoky Grey Green
- 8D9099
≈ Tulle Grey
類似色 -30° +30°
- 939087
Smoky Grey Green
- 978E88
≈ Water Tower
- 8F9289
≈ Smoky Grey Green
トライアド +120° +240°
- 939087
Smoky Grey Green
- 879395
≈ Blue Driftwood
- 958D94
≈ Aragonite Grey
スプリットコンプリメンタリー +150° +210°
- 939087
Smoky Grey Green
- 899198
≈ Seal Grey
- 918E97
≈ Aragonite Grey
テトラード +90° +180° +270°
- 939087
Smoky Grey Green
- 889391
≈ Deep Sea Grey
- 8D9099
≈ Tulle Grey
- 988D8F
≈ Globe Thistle Grey Rose
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.19:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.57:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--smoky-grey-green: #939087;
--smoky-grey-green-rgb: 147 144 135;
--smoky-grey-green-oklch: oklch(0.653 0.014 91.6);
}
.element {
color: var(--smoky-grey-green);
background-color: hsl(45 5% 55%);
border-color: oklch(0.653 0.014 91.6);
}Tailwind CSS v4
@theme {
--color-smoky-grey-green: #939087;
--color-smoky-grey-green-50: #f6f5f1;
--color-smoky-grey-green-100: #e9e8e3;
--color-smoky-grey-green-200: #d6d4ce;
--color-smoky-grey-green-300: #b9b7b0;
--color-smoky-grey-green-400: #a19e96;
--color-smoky-grey-green-500: #89867c;
--color-smoky-grey-green-600: #747169;
--color-smoky-grey-green-700: #5d5b54;
--color-smoky-grey-green-800: #44423d;
--color-smoky-grey-green-900: #2f2e2a;
--color-smoky-grey-green-950: #1c1a18;
}SCSS
$smoky-grey-green: #939087;
$smoky-grey-green-rgb: 147, 144, 135;
$smoky-grey-green-light: mix(#fff, $smoky-grey-green, 20%);
$smoky-grey-green-dark: mix(#000, $smoky-grey-green, 20%);
.element {
color: $smoky-grey-green;
box-shadow: 0 0 0 2px rgba($smoky-grey-green, 0.35);
}