最も近い色名 · #8E6B74
#8E6B74
最も近い色名: Opera
#8E6B74（rgb(142 107 116)、hsl(345 14% 49%)、oklch(0.566 0.046 1.6)）に最も近い色名はOperaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#8E6B74
oklch(0.566 0.046 1.6)
カラー変換
- HEX
- #8e6b74
- RGB
- rgb(142 107 116)
- HSL
- hsl(345 14% 49%)
- HWB
- hwb(345 42% 44%)
- OKLCH
- oklch(0.566 0.046 1.6)
- OKLab
- oklab(0.566 0.046 0.001)
- CIE Lab
- lab(49.03 15.46 0.67)
- LCH
- lch(49.03 15.47 2.5)
- CMYK
- cmyk(0% 25% 18% 44%)
ティント · シェード · トーン
ティント
- 997981
- A4878E
- AF959C
- BBA4A9
- C6B2B7
- D1C1C5
- DDD0D3
- E8E0E2
- F3EFF0
シェード
- 7B5C64
- 684E54
- 563F45
- 443237
- 342529
- 24181B
- 150D0F
- 070405
- 010001
トーン
- 8D6D75
- 8C6F76
- 8A7178
- 897479
- 88767A
- 86787B
- 857A7C
- 837C7E
- 827E7F
カラーハーモニー
補色 +180°
- 8E6B74
Opera
- 577F78
≈ Hanging Moss
類似色 -30° +30°
- 8E6B74
Opera
- 876C83
≈ Purple Grey
- 8F6C65
≈ Eclectic Plum
トライアド +120° +240°
- 8E6B74
Opera
- 717B5C
≈ Loden Green
- 5E7A8F
≈ Provincial Blue
スプリットコンプリメンタリー +150° +210°
- 8E6B74
Opera
- 627E69
≈ Stone Cypress Green
- 567E86
≈ La Pineta
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.66:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.50:1 · APCA Lc 29
最適な文字色: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--opera: #8e6b74;
--opera-rgb: 142 107 116;
--opera-oklch: oklch(0.566 0.046 1.6);
}
.element {
color: var(--opera);
background-color: hsl(345 14% 49%);
border-color: oklch(0.566 0.046 1.6);
}Tailwind CSS v4
@theme {
--color-opera: #8e6b74;
--color-opera-50: #fff0f4;
--color-opera-100: #f6e2e6;
--color-opera-200: #e7ccd2;
--color-opera-300: #cdaeb5;
--color-opera-400: #b7949c;
--color-opera-500: #a17a84;
--color-opera-600: #886770;
--color-opera-700: #6d5259;
--color-opera-800: #503c42;
--color-opera-900: #38292d;
--color-opera-950: #22171a;
}SCSS
$opera: #8e6b74;
$opera-rgb: 142, 107, 116;
$opera-light: mix(#fff, $opera, 20%);
$opera-dark: mix(#000, $opera, 20%);
.element {
color: $opera;
box-shadow: 0 0 0 2px rgba($opera, 0.35);
}