Cor nomeada mais próxima · #D28963
#D28963
Cor nomeada mais próxima: Harvest Time
#D28963 (rgb(210 137 99), hsl(21 55% 61%), oklch(0.696 0.104 48)) é mais próxima da cor nomeada Harvest Time. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#D28963
oklch(0.696 0.104 48)
Conversões de cor
- HEX
- #d28963
- RGB
- rgb(210 137 99)
- HSL
- hsl(21 55% 61%)
- HWB
- hwb(21 39% 18%)
- OKLCH
- oklch(0.696 0.104 48)
- OKLab
- oklab(0.696 0.07 0.077)
- CIE Lab
- lab(64.18 25.79 32.39)
- LCH
- lch(64.18 41.4 51.5)
- CMYK
- cmyk(0% 35% 53% 18%)
Tons claros · Sombras · Tons
Tons claros
- D79573
- DCA182
- E1AC92
- E6B8A1
- EBC4B0
- EFD0C0
- F3DBD0
- F7E7DF
- FBF3EF
Sombras
- B67655
- 9B6447
- 81533A
- 68422E
- 503121
- 392216
- 24140B
- 100703
- 020100
Tons
- CA8867
- C2886A
- BA876D
- B28670
- AA8673
- A28576
- 998479
- 91827B
- 89817E
Harmonias de cor
Complementar +180°
- D28963
Harvest Time
- 4CAAD0
≈ Mystic Blue
Análoga -30° +30°
- D28963
Harvest Time
- D68285
≈ Rhubarb Pie
- C1954D
≈ Narcissus
Tríade +120° +240°
- D28963
Harvest Time
- 53B291
≈ Electra
- 9A93DA
≈ Portage
Complementar dividida +150° +210°
- D28963
Harvest Time
- 38B1B4
≈ Lake Tahoe Turquoise
- 749FDE
≈ Kindred
Tétrade +90° +180° +270°
- D28963
Harvest Time
- 7DAD6D
≈ Organic Green
- 4CAAD0
≈ Mystic Blue
- B888C7
≈ Creeping Bellflower
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.49:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--harvest-time: #d28963;
--harvest-time-rgb: 210 137 99;
--harvest-time-oklch: oklch(0.696 0.104 48);
}
.element {
color: var(--harvest-time);
background-color: hsl(21 55% 61%);
border-color: oklch(0.696 0.104 48);
}Tailwind CSS v4
@theme {
--color-harvest-time: #d28963;
--color-harvest-time-50: #ffeddb;
--color-harvest-time-100: #ffdfca;
--color-harvest-time-200: #fac8ad;
--color-harvest-time-300: #e3a888;
--color-harvest-time-400: #d18b67;
--color-harvest-time-500: #bd6f45;
--color-harvest-time-600: #a05e3b;
--color-harvest-time-700: #804b2f;
--color-harvest-time-800: #603622;
--color-harvest-time-900: #432516;
--color-harvest-time-950: #2b1308;
}SCSS
$harvest-time: #d28963;
$harvest-time-rgb: 210, 137, 99;
$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);
}