最も近い色名 · #845360
#845360
最も近い色名: Velour Scar
#845360（rgb(132 83 96)、hsl(344 23% 42%)、oklch(0.501 0.068 2.6)）に最も近い色名はVelour Scarです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#845360
oklch(0.501 0.068 2.6)
カラー変換
- HEX
- #845360
- RGB
- rgb(132 83 96)
- HSL
- hsl(344 23% 42%)
- HWB
- hwb(344 33% 48%)
- OKLCH
- oklch(0.501 0.068 2.6)
- OKLab
- oklab(0.501 0.067 0.003)
- CIE Lab
- lab(41.29 22.38 1.42)
- LCH
- lch(41.29 22.43 3.6)
- CMYK
- cmyk(0% 37% 27% 48%)
ティント · シェード · トーン
ティント
- 90636F
- 9D737D
- A9848D
- B5959C
- C2A6AC
- CEB7BC
- DAC9CC
- E6DBDD
- F3EDEE
シェード
- 724752
- 603B45
- 4F3038
- 3F252C
- 2F1B20
- 201115
- 12080A
- 060203
- 010000
トーン
- 845863
- 845C66
- 846169
- 84656D
- 836A70
- 836E73
- 827376
- 827779
- 817C7D
カラーハーモニー
補色 +180°
- 845360
Velour Scar
- 307067
≈ Statue of Liberty
類似色 -30° +30°
- 845360
Velour Scar
- 7B5574
≈ Opulent Ostrich
- 86554B
≈ Potter’s Rock
トライアド +120° +240°
- 845360
Velour Scar
- 5C6A3E
≈ Silverbeet
- 3F6887
≈ Team Spirit
スプリットコンプリメンタリー +150° +210°
- 845360
Velour Scar
- 456F51
≈ Fairway
- 2E6E7A
≈ Ocean’s Embrace
テトラード +90° +180° +270°
- 845360
Velour Scar
- 716334
≈ Himalaya
- 307067
≈ Statue of Liberty
- 56618A
≈ Karmic Grape
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 6.19:1 · APCA Lc 81
Ag
Fail黒の上
WCAG 3.38:1 · APCA Lc 21
最適な文字色: #FFFFFF
WCAG 6.19:1 (AA) · APCA Lc 81
Contrast pairs
コードスニペット
CSS
:root {
--velour-scar: #845360;
--velour-scar-rgb: 132 83 96;
--velour-scar-oklch: oklch(0.501 0.068 2.6);
}
.element {
color: var(--velour-scar);
background-color: hsl(344 23% 42%);
border-color: oklch(0.501 0.068 2.6);
}Tailwind CSS v4
@theme {
--color-velour-scar: #845360;
--color-velour-scar-50: #ffeef3;
--color-velour-scar-100: #fddfe5;
--color-velour-scar-200: #efc9d0;
--color-velour-scar-300: #d7aab3;
--color-velour-scar-400: #c18e9b;
--color-velour-scar-500: #ac7382;
--color-velour-scar-600: #92626e;
--color-velour-scar-700: #754e58;
--color-velour-scar-800: #563941;
--color-velour-scar-900: #3c272d;
--color-velour-scar-950: #26151a;
}SCSS
$velour-scar: #845360;
$velour-scar-rgb: 132, 83, 96;
$velour-scar-light: mix(#fff, $velour-scar, 20%);
$velour-scar-dark: mix(#000, $velour-scar, 20%);
.element {
color: $velour-scar;
box-shadow: 0 0 0 2px rgba($velour-scar, 0.35);
}