Colore con nome · #DE6931
Harvest Haze
Harvest Haze è #DE6931: rgb(222 105 49), hsl(19 72% 53%), oklch(0.653 0.162 43.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Harvest Haze color name →
#DE6931
oklch(0.653 0.162 43.8)
Conversioni di colore
- HEX
- #de6931
- RGB
- rgb(222 105 49)
- HSL
- hsl(19 72% 53%)
- HWB
- hwb(19 19% 13%)
- OKLCH
- oklch(0.653 0.162 43.8)
- OKLab
- oklab(0.653 0.117 0.112)
- CIE Lab
- lab(58.57 44.29 52.27)
- LCH
- lch(58.57 68.51 49.7)
- CMYK
- cmyk(0% 53% 78% 13%)
Tinte · Ombre · Toni
Tinte
- E3794A
- E88960
- EC9874
- F0A788
- F4B69C
- F7C5B0
- FAD3C3
- FCE2D7
- FEF0EB
Ombre
- C15A29
- A54C22
- 893E1A
- 6F3113
- 55240C
- 3D1806
- 260C03
- 120401
- 020000
Toni
- D56D3D
- CD7047
- C47350
- BB7658
- B27860
- A87A67
- 9F7C6E
- 957E74
- 8B7F7A
Armonie di colore
Complementare +180°
- DE6931
Harvest Haze
- 009FC7
≈ Blue Ocean
Analogo -30° +30°
- DE6931
Harvest Haze
- E05F72
≈ Swiss Chard
- C28100
≈ Turmeric Brown
Triadico +120° +240°
- DE6931
Harvest Haze
- 00AA78
≈ Dragon Scale
- 867FEE
≈ Blue Party Parrot
Complementare divisa +150° +210°
- DE6931
Harvest Haze
- 00A5A4
≈ Royal Cloak
- 3E92EF
≈ Karimun Blue
Tetradico +90° +180° +270°
- DE6931
Harvest Haze
- 65A42F
≈ Herbal Lift
- 009FC7
≈ Blue Ocean
- B36ED4
≈ Lavender
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.40:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.17:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.17:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--harvest-haze: #de6931;
--harvest-haze-rgb: 222 105 49;
--harvest-haze-oklch: oklch(0.653 0.162 43.8);
}
.element {
color: var(--harvest-haze);
background-color: hsl(19 72% 53%);
border-color: oklch(0.653 0.162 43.8);
}Tailwind CSS v4
@theme {
--color-harvest-haze: #de6931;
--color-harvest-haze-50: #ffe8cf;
--color-harvest-haze-100: #ffd8bb;
--color-harvest-haze-200: #ffbf9a;
--color-harvest-haze-300: #fb9c6e;
--color-harvest-haze-400: #eb7b48;
--color-harvest-haze-500: #d9580a;
--color-harvest-haze-600: #b74c10;
--color-harvest-haze-700: #933c0e;
--color-harvest-haze-800: #6e2a0b;
--color-harvest-haze-900: #4e1d07;
--color-harvest-haze-950: #330c00;
}SCSS
$harvest-haze: #de6931;
$harvest-haze-rgb: 222, 105, 49;
$harvest-haze-light: mix(#fff, $harvest-haze, 20%);
$harvest-haze-dark: mix(#000, $harvest-haze, 20%);
.element {
color: $harvest-haze;
box-shadow: 0 0 0 2px rgba($harvest-haze, 0.35);
}