最も近い色名 · #706C5B
#706C5B
最も近い色名: Knit Cardigan
#706C5B（rgb(112 108 91)、hsl(49 10% 40%)、oklch(0.53 0.026 96.2)）に最も近い色名はKnit Cardiganです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#706C5B
oklch(0.53 0.026 96.2)
カラー変換
- HEX
- #706c5b
- RGB
- rgb(112 108 91)
- HSL
- hsl(49 10% 40%)
- HWB
- hwb(49 36% 56%)
- OKLCH
- oklch(0.53 0.026 96.2)
- OKLab
- oklab(0.53 -0.003 0.026)
- CIE Lab
- lab(45.62 -0.71 10.15)
- LCH
- lch(45.62 10.17 94)
- CMYK
- cmyk(0% 4% 19% 56%)
ティント · シェード · トーン
ティント
- 7D7A6A
- 8B8879
- 999689
- A7A499
- B5B3AA
- C3C2BA
- D2D1CB
- E1E0DC
- F0EFED
シェード
- 605D4E
- 514E41
- 434035
- 353229
- 27251E
- 1A1913
- 0E0D09
- 040403
- 010000
トーン
- 726E5F
- 737062
- 757266
- 76746A
- 78766D
- 7A7871
- 7B7A75
- 7D7C79
- 7E7E7C
カラーハーモニー
補色 +180°
- 706C5B
Knit Cardigan
- 676B7B
≈ Wind Cave
類似色 -30° +30°
- 706C5B
Knit Cardigan
- 77695C
≈ Cocoa Powder
- 686F5F
≈ Moss Beach
トライアド +120° +240°
- 706C5B
Knit Cardigan
- 5B7076
≈ Portsmouth Blue
- 766672
≈ Burnt Ash
スプリットコンプリメンタリー +150° +210°
- 706C5B
Knit Cardigan
- 606E7A
≈ NYPD
- 6F6878
≈ Rum
テトラード +90° +180° +270°
- 706C5B
Knit Cardigan
- 5B716E
≈ Rocky River
- 676B7B
≈ Wind Cave
- 7A6669
≈ Amazing Amethyst
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.26:1 · APCA Lc 76
Ag
Fail黒の上
WCAG 3.98:1 · APCA Lc 26
最適な文字色: #FFFFFF
WCAG 5.26:1 (AA) · APCA Lc 76
Contrast pairs
コードスニペット
CSS
:root {
--knit-cardigan: #706c5b;
--knit-cardigan-rgb: 112 108 91;
--knit-cardigan-oklch: oklch(0.53 0.026 96.2);
}
.element {
color: var(--knit-cardigan);
background-color: hsl(49 10% 40%);
border-color: oklch(0.53 0.026 96.2);
}Tailwind CSS v4
@theme {
--color-knit-cardigan: #706c5b;
--color-knit-cardigan-50: #f7f5ed;
--color-knit-cardigan-100: #eae8de;
--color-knit-cardigan-200: #d7d5c8;
--color-knit-cardigan-300: #bbb8a9;
--color-knit-cardigan-400: #a39f8d;
--color-knit-cardigan-500: #8b8673;
--color-knit-cardigan-600: #767262;
--color-knit-cardigan-700: #5e5b4e;
--color-knit-cardigan-800: #454238;
--color-knit-cardigan-900: #302e27;
--color-knit-cardigan-950: #1c1b15;
}SCSS
$knit-cardigan: #706c5b;
$knit-cardigan-rgb: 112, 108, 91;
$knit-cardigan-light: mix(#fff, $knit-cardigan, 20%);
$knit-cardigan-dark: mix(#000, $knit-cardigan, 20%);
.element {
color: $knit-cardigan;
box-shadow: 0 0 0 2px rgba($knit-cardigan, 0.35);
}