最も近い色名 · #6C9B7E
#6C9B7E
最も近い色名: Vineyard
#6C9B7E（rgb(108 155 126)、hsl(143 19% 52%)、oklch(0.647 0.067 156.9)）に最も近い色名はVineyardです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#6C9B7E
oklch(0.647 0.067 156.9)
カラー変換
- HEX
- #6c9b7e
- RGB
- rgb(108 155 126)
- HSL
- hsl(143 19% 52%)
- HWB
- hwb(143 42% 39%)
- OKLCH
- oklch(0.647 0.067 156.9)
- OKLab
- oklab(0.647 -0.062 0.026)
- CIE Lab
- lab(59.98 -21.28 9.96)
- LCH
- lch(59.98 23.5 154.9)
- CMYK
- cmyk(30% 0% 19% 39%)
ティント · シェード · トーン
ティント
- 7AA58A
- 89AE97
- 97B8A3
- A6C2B0
- B4CCBD
- C3D6CA
- D2E0D7
- E1EAE4
- F0F5F1
シェード
- 5D866D
- 4E725C
- 405E4C
- 324B3C
- 25392D
- 19281F
- 0D1811
- 040905
- 000101
トーン
- 6F987E
- 71967F
- 73937F
- 75907F
- 778E7F
- 798B7F
- 7B8880
- 7D8580
- 7E8380
カラーハーモニー
補色 +180°
- 6C9B7E
Vineyard
- A97F9D
≈ Amazonian Orchid
類似色 -30° +30°
- 6C9B7E
Vineyard
- 83966A
≈ Mesa Verde
- 5C9C95
≈ Caulerpa Lentillifera
トライアド +120° +240°
- 6C9B7E
Vineyard
- 848BB7
≈ Galactic Gossamer
- B38072
≈ Brick Fence
スプリットコンプリメンタリー +150° +210°
- 6C9B7E
Vineyard
- 9984AF
≈ Celeb City
- B27E87
≈ Degas Pink
テトラード +90° +180° +270°
- 6C9B7E
Vineyard
- 6D93B5
≈ Allure
- A97F9D
≈ Amazonian Orchid
- AA8762
≈ Roman Coin
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.16:1 · APCA Lc 59
Ag
AA黒の上
WCAG 6.62:1 · APCA Lc 43
最適な文字色: #000000
WCAG 6.62:1 (AA) · APCA Lc 43
Contrast pairs
コードスニペット
CSS
:root {
--vineyard: #6c9b7e;
--vineyard-rgb: 108 155 126;
--vineyard-oklch: oklch(0.647 0.067 156.9);
}
.element {
color: var(--vineyard);
background-color: hsl(143 19% 52%);
border-color: oklch(0.647 0.067 156.9);
}Tailwind CSS v4
@theme {
--color-vineyard: #6c9b7e;
--color-vineyard-50: #e6fbee;
--color-vineyard-100: #d6efe0;
--color-vineyard-200: #bdddca;
--color-vineyard-300: #9bc2ab;
--color-vineyard-400: #7eab8f;
--color-vineyard-500: #609474;
--color-vineyard-600: #527d63;
--color-vineyard-700: #41644f;
--color-vineyard-800: #2f4938;
--color-vineyard-900: #203326;
--color-vineyard-950: #0f1f15;
}SCSS
$vineyard: #6c9b7e;
$vineyard-rgb: 108, 155, 126;
$vineyard-light: mix(#fff, $vineyard, 20%);
$vineyard-dark: mix(#000, $vineyard, 20%);
.element {
color: $vineyard;
box-shadow: 0 0 0 2px rgba($vineyard, 0.35);
}