Colore con nome · #AF865B
Autumn
Autumn è #AF865B: rgb(175 134 91), hsl(31 34% 52%), oklch(0.65 0.077 67.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Autumn color name →
#AF865B
oklch(0.65 0.077 67.1)
Conversioni di colore
- HEX
- #af865b
- RGB
- rgb(175 134 91)
- HSL
- hsl(31 34% 52%)
- HWB
- hwb(31 36% 31%)
- OKLCH
- oklch(0.65 0.077 67.1)
- OKLab
- oklab(0.65 0.03 0.071)
- CIE Lab
- lab(59.22 12.21 29.46)
- LCH
- lch(59.22 31.89 67.5)
- CMYK
- cmyk(0% 23% 48% 31%)
Tinte · Ombre · Toni
Tinte
- B7926B
- BF9E7B
- C7A98B
- CFB59B
- D7C1AC
- DFCEBC
- E7DACD
- EFE6DD
- F7F3EE
Ombre
- 98744E
- 816241
- 6B5135
- 564029
- 41301E
- 2E2113
- 1C1309
- 0B0603
- 010100
Toni
- AA865F
- A68564
- A18568
- 9D846B
- 98846F
- 938373
- 8E8276
- 8A827A
- 85817D
Armonie di colore
Complementare +180°
- AF865B
Autumn
- 6894BC
≈ Blue Marble
Analogo -30° +30°
- AF865B
Autumn
- B97F6D
≈ Western Pink
- 9C8F57
≈ Dijonnaise
Triadico +120° +240°
Complementare divisa +150° +210°
- AF865B
Autumn
- 539BAE
≈ Starflower Blue
- 838BBE
≈ Pleated Mauve
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.28:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.38:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.38:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--autumn: #af865b;
--autumn-rgb: 175 134 91;
--autumn-oklch: oklch(0.65 0.077 67.1);
}
.element {
color: var(--autumn);
background-color: hsl(31 34% 52%);
border-color: oklch(0.65 0.077 67.1);
}Tailwind CSS v4
@theme {
--color-autumn: #af865b;
--color-autumn-50: #fff2de;
--color-autumn-100: #f9e4cd;
--color-autumn-200: #ebcfb1;
--color-autumn-300: #d2b18d;
--color-autumn-400: #be966d;
--color-autumn-500: #a97c4c;
--color-autumn-600: #8e6941;
--color-autumn-700: #725434;
--color-autumn-800: #553d25;
--color-autumn-900: #3b2a18;
--color-autumn-950: #251709;
}SCSS
$autumn: #af865b;
$autumn-rgb: 175, 134, 91;
$autumn-light: mix(#fff, $autumn, 20%);
$autumn-dark: mix(#000, $autumn, 20%);
.element {
color: $autumn;
box-shadow: 0 0 0 2px rgba($autumn, 0.35);
}