最も近い色名 · #776873
#776873
最も近い色名: Chimaera
#776873（rgb(119 104 115)、hsl(316 7% 44%)、oklch(0.535 0.025 335.3)）に最も近い色名はChimaeraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#776873
oklch(0.535 0.025 335.3)
カラー変換
- HEX
- #776873
- RGB
- rgb(119 104 115)
- HSL
- hsl(316 7% 44%)
- HWB
- hwb(316 41% 53%)
- OKLCH
- oklch(0.535 0.025 335.3)
- OKLab
- oklab(0.535 0.023 -0.01)
- CIE Lab
- lab(45.73 7.71 -3.88)
- LCH
- lch(45.73 8.63 333.3)
- CMYK
- cmyk(0% 13% 3% 53%)
ティント · シェード · トーン
ティント
- 847680
- 91848D
- 9E939B
- ABA2A9
- B9B1B7
- C7C0C5
- D4CFD3
- E2DFE1
- F1EFF0
シェード
- 675963
- 574B54
- 473E45
- 383036
- 2A2428
- 1C181B
- 100C0F
- 050405
- 010001
トーン
- 786A74
- 796D76
- 7A6F77
- 7B7278
- 7C7479
- 7D767B
- 7D797C
- 7E7B7D
- 7F7E7F
カラーハーモニー
補色 +180°
- 776873
Chimaera
- 627267
≈ Seraphinite
類似色 -30° +30°
- 776873
Chimaera
- 716A79
≈ Space Station
- 7B676B
≈ Patchwork Plum
トライアド +120° +240°
- 776873
Chimaera
- 726D5D
≈ King’s Court
- 5D7176
≈ Goblin Blue
スプリットコンプリメンタリー +150° +210°
- 776873
Chimaera
- 6A7060
≈ Moss Beach
- 5D726F
≈ Noble Fir
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.23:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 4.01:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--chimaera: #776873;
--chimaera-rgb: 119 104 115;
--chimaera-oklch: oklch(0.535 0.025 335.3);
}
.element {
color: var(--chimaera);
background-color: hsl(316 7% 44%);
border-color: oklch(0.535 0.025 335.3);
}Tailwind CSS v4
@theme {
--color-chimaera: #776873;
--color-chimaera-50: #faf2f8;
--color-chimaera-100: #eee5eb;
--color-chimaera-200: #dcd0d8;
--color-chimaera-300: #c0b3bc;
--color-chimaera-400: #a899a4;
--color-chimaera-500: #91808d;
--color-chimaera-600: #7b6d77;
--color-chimaera-700: #62575f;
--color-chimaera-800: #483f46;
--color-chimaera-900: #322c30;
--color-chimaera-950: #1e191d;
}SCSS
$chimaera: #776873;
$chimaera-rgb: 119, 104, 115;
$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);
}