最も近い色名 · #D38964
#D38964
最も近い色名: Harvest Time
#D38964（rgb(211 137 100)、hsl(20 56% 61%)、oklch(0.698 0.104 47.1)）に最も近い色名はHarvest Timeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D38964
oklch(0.698 0.104 47.1)
カラー変換
- HEX
- #d38964
- RGB
- rgb(211 137 100)
- HSL
- hsl(20 56% 61%)
- HWB
- hwb(20 39% 17%)
- OKLCH
- oklch(0.698 0.104 47.1)
- OKLab
- oklab(0.698 0.071 0.076)
- CIE Lab
- lab(64.32 26.26 32.05)
- LCH
- lch(64.32 41.43 50.7)
- CMYK
- cmyk(0% 35% 53% 17%)
ティント · シェード · トーン
ティント
- D89574
- DDA183
- E2AC92
- E7B8A1
- EBC4B1
- F0D0C0
- F4DBD0
- F8E7DF
- FBF3EF
シェード
- B77656
- 9C6448
- 82533B
- 69422E
- 513122
- 3A2216
- 24140B
- 100703
- 020100
トーン
- CB8868
- C3886B
- BB876E
- B38671
- AA8674
- A28577
- 9A8479
- 91827B
- 89817E
カラーハーモニー
補色 +180°
- D38964
Harvest Time
- 4BABD0
≈ Maximum Blue
類似色 -30° +30°
- D38964
Harvest Time
- D78286
≈ Rhubarb Pie
- C2954E
≈ Amber Gold
トライアド +120° +240°
- D38964
Harvest Time
- 54B290
≈ Aruba Green
- 9994DB
≈ Portage
スプリットコンプリメンタリー +150° +210°
- D38964
Harvest Time
- 38B1B4
≈ Lake Tahoe Turquoise
- 73A0DE
≈ Kindred
テトラード +90° +180° +270°
- D38964
Harvest Time
- 7EAD6C
≈ Organic Green
- 4BABD0
≈ Maximum Blue
- B889C9
≈ Creeping Bellflower
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.78:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.53:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--harvest-time: #d38964;
--harvest-time-rgb: 211 137 100;
--harvest-time-oklch: oklch(0.698 0.104 47.1);
}
.element {
color: var(--harvest-time);
background-color: hsl(20 56% 61%);
border-color: oklch(0.698 0.104 47.1);
}Tailwind CSS v4
@theme {
--color-harvest-time: #d38964;
--color-harvest-time-50: #ffeddb;
--color-harvest-time-100: #ffdeca;
--color-harvest-time-200: #fac8ad;
--color-harvest-time-300: #e4a888;
--color-harvest-time-400: #d18b68;
--color-harvest-time-500: #be6f46;
--color-harvest-time-600: #a05e3c;
--color-harvest-time-700: #814b30;
--color-harvest-time-800: #603622;
--color-harvest-time-900: #432517;
--color-harvest-time-950: #2b1308;
}SCSS
$harvest-time: #d38964;
$harvest-time-rgb: 211, 137, 100;
$harvest-time-light: mix(#fff, $harvest-time, 20%);
$harvest-time-dark: mix(#000, $harvest-time, 20%);
.element {
color: $harvest-time;
box-shadow: 0 0 0 2px rgba($harvest-time, 0.35);
}