最も近い色名 · #78642E
#78642E
最も近い色名: Himalaya
#78642E（rgb(120 100 46)、hsl(44 45% 33%)、oklch(0.511 0.077 89.2)）に最も近い色名はHimalayaです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#78642E
oklch(0.511 0.077 89.2)
カラー変換
- HEX
- #78642e
- RGB
- rgb(120 100 46)
- HSL
- hsl(44 45% 33%)
- HWB
- hwb(44 18% 53%)
- OKLCH
- oklch(0.511 0.077 89.2)
- OKLab
- oklab(0.511 0.001 0.077)
- CIE Lab
- lab(43.48 3.18 33.13)
- LCH
- lch(43.48 33.29 84.5)
- CMYK
- cmyk(0% 17% 62% 53%)
ティント · シェード · トーン
ティント
- 857343
- 928158
- 9F906C
- ACA080
- B9AF94
- C7BFA9
- D5CEBE
- E3DED4
- F1EFE9
シェード
- 675627
- 57481F
- 483B18
- 392E12
- 2A220B
- 1D1606
- 100B02
- 050301
- 010000
トーン
- 796738
- 7A6A41
- 7A6D49
- 7B7052
- 7C725A
- 7D7561
- 7E7869
- 7E7B71
- 7F7D78
カラーハーモニー
補色 +180°
- 78642E
Himalaya
- 546493
≈ Dutch Blue
類似色 -30° +30°
- 78642E
Himalaya
- 875B37
≈ Brushwood
- 616D38
≈ Russian Uniform
トライアド +120° +240°
- 78642E
Himalaya
- 22727E
≈ Night Scape
- 7F567C
≈ Dull Purple
スプリットコンプリメンタリー +150° +210°
- 78642E
Himalaya
- 396C8E
≈ Rainy Lake
- 6C5C8C
≈ Emperor Jewel
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.73:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.66:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--himalaya: #78642e;
--himalaya-rgb: 120 100 46;
--himalaya-oklch: oklch(0.511 0.077 89.2);
}
.element {
color: var(--himalaya);
background-color: hsl(44 45% 33%);
border-color: oklch(0.511 0.077 89.2);
}Tailwind CSS v4
@theme {
--color-himalaya: #78642e;
--color-himalaya-50: #fdf5dd;
--color-himalaya-100: #f1e8cb;
--color-himalaya-200: #e0d4b0;
--color-himalaya-300: #c6b78b;
--color-himalaya-400: #b19d69;
--color-himalaya-500: #9b8447;
--color-himalaya-600: #836f3d;
--color-himalaya-700: #695930;
--color-himalaya-800: #4e4122;
--color-himalaya-900: #362d16;
--color-himalaya-950: #211a07;
}SCSS
$himalaya: #78642e;
$himalaya-rgb: 120, 100, 46;
$himalaya-light: mix(#fff, $himalaya, 20%);
$himalaya-dark: mix(#000, $himalaya, 20%);
.element {
color: $himalaya;
box-shadow: 0 0 0 2px rgba($himalaya, 0.35);
}