最も近い色名 · #79686E
#79686E
最も近い色名: Chimaera
#79686E（rgb(121 104 110)、hsl(339 8% 44%)、oklch(0.535 0.023 354.6)）に最も近い色名はChimaeraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#79686E
oklch(0.535 0.023 354.6)
カラー変換
- HEX
- #79686e
- RGB
- rgb(121 104 110)
- HSL
- hsl(339 8% 44%)
- HWB
- hwb(339 41% 53%)
- OKLCH
- oklch(0.535 0.023 354.6)
- OKLab
- oklab(0.535 0.023 -0.002)
- CIE Lab
- lab(45.8 7.79 -0.75)
- LCH
- lch(45.8 7.83 354.5)
- CMYK
- cmyk(0% 14% 9% 53%)
ティント · シェード · トーン
ティント
- 86767B
- 928489
- 9F9397
- ADA2A5
- BAB1B4
- C7C0C2
- D5CFD1
- E3DFE0
- F1EFF0
シェード
- 68595F
- 584B50
- 483E41
- 393033
- 2B2426
- 1D1819
- 100C0E
- 050404
- 010001
トーン
- 7A6A70
- 7B6D72
- 7B6F73
- 7C7275
- 7D7477
- 7D7679
- 7E797B
- 7F7B7C
- 7F7E7E
カラーハーモニー
補色 +180°
- 79686E
Chimaera
- 60726C
≈ Drifting Downstream
類似色 -30° +30°
- 79686E
Chimaera
- 746975
≈ Pirate’s Trinket
- 7A6867
≈ Muscatel
トライアド +120° +240°
- 79686E
Chimaera
- 6D6F60
≈ Moss Beach
- 617079
≈ Stormy Weather
スプリットコンプリメンタリー +150° +210°
- 79686E
Chimaera
- 657165
≈ Seraphinite
- 5E7274
≈ Riverway
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.22:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.22:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--chimaera: #79686e;
--chimaera-rgb: 121 104 110;
--chimaera-oklch: oklch(0.535 0.023 354.6);
}
.element {
color: var(--chimaera);
background-color: hsl(339 8% 44%);
border-color: oklch(0.535 0.023 354.6);
}Tailwind CSS v4
@theme {
--color-chimaera: #79686e;
--color-chimaera-50: #fbf2f5;
--color-chimaera-100: #efe5e8;
--color-chimaera-200: #ddd0d4;
--color-chimaera-300: #c2b3b7;
--color-chimaera-400: #aa999f;
--color-chimaera-500: #948087;
--color-chimaera-600: #7d6c72;
--color-chimaera-700: #64575b;
--color-chimaera-800: #493f43;
--color-chimaera-900: #332b2e;
--color-chimaera-950: #1e191b;
}SCSS
$chimaera: #79686e;
$chimaera-rgb: 121, 104, 110;
$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);
}