Color con nombre más cercano · #D38964
#D38964
Color con nombre más cercano: Harvest Time
#D38964 (rgb(211 137 100), hsl(20 56% 61%), oklch(0.698 0.104 47.1)) se parece más al color con nombre Harvest Time. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#D38964
oklch(0.698 0.104 47.1)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- D89574
- DDA183
- E2AC92
- E7B8A1
- EBC4B1
- F0D0C0
- F4DBD0
- F8E7DF
- FBF3EF
Sombras
- B77656
- 9C6448
- 82533B
- 69422E
- 513122
- 3A2216
- 24140B
- 100703
- 020100
Tonos
- CB8868
- C3886B
- BB876E
- B38671
- AA8674
- A28577
- 9A8479
- 91827B
- 89817E
Armonías de color
Complementario +180°
- D38964
Harvest Time
- 4BABD0
≈ Maximum Blue
Análogo -30° +30°
- D38964
Harvest Time
- D78286
≈ Rhubarb Pie
- C2954E
≈ Amber Gold
Triádico +120° +240°
- D38964
Harvest Time
- 54B290
≈ Aruba Green
- 9994DB
≈ Portage
Complementario dividido +150° +210°
- D38964
Harvest Time
- 38B1B4
≈ Lake Tahoe Turquoise
- 73A0DE
≈ Kindred
Tetrádico +90° +180° +270°
- D38964
Harvest Time
- 7EAD6C
≈ Organic Green
- 4BABD0
≈ Maximum Blue
- B889C9
≈ Creeping Bellflower
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre negro
WCAG 7.53:1 · APCA Lc 48
Mejor color de texto: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmentos de código
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);
}