最も近い色名 · #D7875C
#D7875C
最も近い色名: Harvest Time
#D7875C（rgb(215 135 92)、hsl(21 61% 60%)、oklch(0.698 0.114 48.4)）に最も近い色名はHarvest Timeです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D7875C
oklch(0.698 0.114 48.4)
カラー変換
- HEX
- #d7875c
- RGB
- rgb(215 135 92)
- HSL
- hsl(21 61% 60%)
- HWB
- hwb(21 36% 16%)
- OKLCH
- oklch(0.698 0.114 48.4)
- OKLab
- oklab(0.698 0.076 0.085)
- CIE Lab
- lab(64.27 28.43 36.41)
- LCH
- lch(64.27 46.2 52)
- CMYK
- cmyk(0% 37% 57% 16%)
ティント · シェード · トーン
ティント
- DC936D
- E19F7D
- E5AB8D
- EAB79D
- EEC3AD
- F2CFBE
- F5DBCE
- F9E7DE
- FCF3EE
シェード
- BB754F
- 9F6342
- 855136
- 6B412A
- 52311F
- 3B2114
- 25130A
- 110603
- 020100
トーン
- CF8761
- C68665
- BE8669
- B5856D
- AC8571
- A48474
- 9B8377
- 92827A
- 89817D
カラーハーモニー
補色 +180°
- D7875C
Harvest Time
- 40ABD6
≈ Mystic Blue
類似色 -30° +30°
- D7875C
Harvest Time
- DC7F82
≈ Sea Pink
- C49442
≈ Narcissus
トライアド +120° +240°
- D7875C
Harvest Time
- 46B491
≈ Green Blue
- 9B92E0
≈ Middy’s Purple
スプリットコンプリメンタリー +150° +210°
- D7875C
Harvest Time
- 1CB3B8
≈ Cyan Sky
- 719FE4
≈ Greek Sea
テトラード +90° +180° +270°
- D7875C
Harvest Time
- 79AF68
≈ Alfalfa Bug
- 40ABD6
≈ Mystic Blue
- BC86CB
≈ Lavender Sweater
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.79:1 · APCA Lc 54
Ag
AAA黒の上
WCAG 7.50:1 · APCA Lc 48
最適な文字色: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
コードスニペット
CSS
:root {
--harvest-time: #d7875c;
--harvest-time-rgb: 215 135 92;
--harvest-time-oklch: oklch(0.698 0.114 48.4);
}
.element {
color: var(--harvest-time);
background-color: hsl(21 61% 60%);
border-color: oklch(0.698 0.114 48.4);
}Tailwind CSS v4
@theme {
--color-harvest-time: #d7875c;
--color-harvest-time-50: #ffedd8;
--color-harvest-time-100: #ffdec6;
--color-harvest-time-200: #fdc7a9;
--color-harvest-time-300: #e7a782;
--color-harvest-time-400: #d58961;
--color-harvest-time-500: #c26c3c;
--color-harvest-time-600: #a45c34;
--color-harvest-time-700: #844929;
--color-harvest-time-800: #62351e;
--color-harvest-time-900: #452413;
--color-harvest-time-950: #2c1205;
}SCSS
$harvest-time: #d7875c;
$harvest-time-rgb: 215, 135, 92;
$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);
}