最も近い色名 · #756970
#756970
最も近い色名: Chimaera
#756970（rgb(117 105 112)、hsl(325 5% 44%)、oklch(0.534 0.018 341.8)）に最も近い色名はChimaeraです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#756970
oklch(0.534 0.018 341.8)
カラー変換
- HEX
- #756970
- RGB
- rgb(117 105 112)
- HSL
- hsl(325 5% 44%)
- HWB
- hwb(325 41% 54%)
- OKLCH
- oklch(0.534 0.018 341.8)
- OKLab
- oklab(0.534 0.017 -0.006)
- CIE Lab
- lab(45.73 5.89 -2.12)
- LCH
- lch(45.73 6.26 340.2)
- CMYK
- cmyk(0% 10% 4% 54%)
ティント · シェード · トーン
ティント
- 82777D
- 8F858B
- 9C9399
- AAA2A7
- B8B1B5
- C6C0C3
- D4D0D2
- E2DFE1
- F0EFF0
シェード
- 655A60
- 554C51
- 463E43
- 373135
- 292427
- 1C181A
- 0F0C0E
- 050404
- 010001
トーン
- 766B72
- 776E73
- 787075
- 797276
- 7B7478
- 7C777A
- 7D797B
- 7E7B7D
- 7F7E7E
カラーハーモニー
補色 +180°
- 756970
Chimaera
- 64716A
≈ York River Green
類似色 -30° +30°
- 756970
Chimaera
- 716A75
≈ Pirate’s Trinket
- 77696A
≈ Night Skyscraper
トライアド +120° +240°
- 756970
Chimaera
- 6F6E62
≈ Flint
- 627075
≈ Myth
スプリットコンプリメンタリー +150° +210°
- 756970
Chimaera
- 696F64
≈ Bonsai Trunk
- 617170
≈ Drifting Downstream
テトラード +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: #756970;
--chimaera-rgb: 117 105 112;
--chimaera-oklch: oklch(0.534 0.018 341.8);
}
.element {
color: var(--chimaera);
background-color: hsl(325 5% 44%);
border-color: oklch(0.534 0.018 341.8);
}Tailwind CSS v4
@theme {
--color-chimaera: #756970;
--color-chimaera-50: #f9f3f6;
--color-chimaera-100: #ede5e9;
--color-chimaera-200: #dad1d6;
--color-chimaera-300: #bfb4ba;
--color-chimaera-400: #a79aa1;
--color-chimaera-500: #8f828a;
--color-chimaera-600: #796e74;
--color-chimaera-700: #61585d;
--color-chimaera-800: #474044;
--color-chimaera-900: #312c2f;
--color-chimaera-950: #1d191c;
}SCSS
$chimaera: #756970;
$chimaera-rgb: 117, 105, 112;
$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);
}