最も近い色名 · #78686C
#78686C
最も近い色名: Chimaera
#78686C（rgb(120 104 108)、hsl(345 7% 44%)、oklch(0.534 0.021 1)）に最も近い色名はChimaeraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#78686C
oklch(0.534 0.021 1)
カラー変換
- HEX
- #78686c
- RGB
- rgb(120 104 108)
- HSL
- hsl(345 7% 44%)
- HWB
- hwb(345 41% 53%)
- OKLCH
- oklch(0.534 0.021 1)
- OKLab
- oklab(0.534 0.021 0)
- CIE Lab
- lab(45.65 7.1 0.21)
- LCH
- lch(45.65 7.1 1.7)
- CMYK
- cmyk(0% 13% 10% 53%)
ティント · シェード · トーン
ティント
- 85767A
- 928487
- 9F9396
- ACA1A4
- B9B1B3
- C7C0C2
- D5CFD1
- E3DFE0
- F1EFEF
シェード
- 67595D
- 574B4E
- 483E40
- 393032
- 2A2425
- 1D1819
- 100C0D
- 050404
- 010000
トーン
- 796A6E
- 7A6D70
- 7B6F72
- 7B7274
- 7C7476
- 7D7678
- 7E797A
- 7F7B7C
- 7F7E7E
カラーハーモニー
補色 +180°
- 78686C
Chimaera
- 60716D
≈ Rocky River
類似色 -30° +30°
- 78686C
Chimaera
- 746973
≈ Sultry Smoke
- 796965
≈ Muscatel
トライアド +120° +240°
- 78686C
Chimaera
- 6B6F61
≈ Moss Beach
- 626F78
≈ Stormy Weather
スプリットコンプリメンタリー +150° +210°
- 78686C
Chimaera
- 647167
≈ Seraphinite
- 5F7074
≈ Portsmouth Blue
テトラード +90° +180° +270°
- 78686C
Chimaera
- 716D5F
≈ King’s Court
- 60716D
≈ Rocky River
- 686C7A
≈ Wind Cave
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.25:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.99:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.25:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--chimaera: #78686c;
--chimaera-rgb: 120 104 108;
--chimaera-oklch: oklch(0.534 0.021 1);
}
.element {
color: var(--chimaera);
background-color: hsl(345 7% 44%);
border-color: oklch(0.534 0.021 1);
}Tailwind CSS v4
@theme {
--color-chimaera: #78686c;
--color-chimaera-50: #fbf3f4;
--color-chimaera-100: #eee5e7;
--color-chimaera-200: #ddd1d3;
--color-chimaera-300: #c1b3b6;
--color-chimaera-400: #aa999e;
--color-chimaera-500: #938185;
--color-chimaera-600: #7c6d71;
--color-chimaera-700: #63575a;
--color-chimaera-800: #493f42;
--color-chimaera-900: #332c2e;
--color-chimaera-950: #1e191a;
}SCSS
$chimaera: #78686c;
$chimaera-rgb: 120, 104, 108;
$chimaera-light: mix(#fff, $chimaera, 20%);
$chimaera-dark: mix(#000, $chimaera, 20%);
.element {
color: $chimaera;
box-shadow: 0 0 0 2px rgba($chimaera, 0.35);
}