Colore con nome più vicino · #BA7C65
#BA7C65
Colore con nome più vicino: Earthworm
#BA7C65 (rgb(186 124 101), hsl(16 38% 56%), oklch(0.645 0.085 41.1)) è più vicino al colore con nome Earthworm. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BA7C65
oklch(0.645 0.085 41.1)
Conversioni di colore
- HEX
- #ba7c65
- RGB
- rgb(186 124 101)
- HSL
- hsl(16 38% 56%)
- HWB
- hwb(16 40% 27%)
- OKLCH
- oklch(0.645 0.085 41.1)
- OKLab
- oklab(0.645 0.064 0.056)
- CIE Lab
- lab(58.19 22.86 22.93)
- LCH
- lch(58.19 32.38 45.1)
- CMYK
- cmyk(0% 33% 46% 27%)
Tinte · Ombre · Toni
Tinte
- C18974
- C99683
- D0A292
- D7AFA1
- DEBCB0
- E5CAC0
- ECD7CF
- F2E4DF
- F9F1EF
Ombre
- A16B57
- 895A49
- 724A3C
- 5C3B2F
- 462C22
- 321E17
- 1E110C
- 0D0503
- 020100
Toni
- B57D68
- AF7D6B
- A97E6E
- A47E71
- 9E7F73
- 987F76
- 927F79
- 8C807B
- 86807E
Armonie di colore
Complementare +180°
- BA7C65
Earthworm
- 4B99B2
≈ Starflower Blue
Analogo -30° +30°
- BA7C65
Earthworm
- BB7881
≈ Rosily
- AE8552
≈ Gold Plated
Triadico +120° +240°
- BA7C65
Earthworm
- 5B9E7D
≈ Green Spruce
- 8488C0
≈ Pleated Mauve
Complementare divisa +150° +210°
- BA7C65
Earthworm
- 459E9A
≈ Majorca Blue
- 6691C0
≈ Cobalt Glow
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.40:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.15:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.15:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--earthworm: #ba7c65;
--earthworm-rgb: 186 124 101;
--earthworm-oklch: oklch(0.645 0.085 41.1);
}
.element {
color: var(--earthworm);
background-color: hsl(16 38% 56%);
border-color: oklch(0.645 0.085 41.1);
}Tailwind CSS v4
@theme {
--color-earthworm: #ba7c65;
--color-earthworm-50: #ffeee2;
--color-earthworm-100: #ffe0d2;
--color-earthworm-200: #f5c9b8;
--color-earthworm-300: #deaa95;
--color-earthworm-400: #ca8e77;
--color-earthworm-500: #b67359;
--color-earthworm-600: #9a614c;
--color-earthworm-700: #7b4e3d;
--color-earthworm-800: #5c382c;
--color-earthworm-900: #40261e;
--color-earthworm-950: #29140e;
}SCSS
$earthworm: #ba7c65;
$earthworm-rgb: 186, 124, 101;
$earthworm-light: mix(#fff, $earthworm, 20%);
$earthworm-dark: mix(#000, $earthworm, 20%);
.element {
color: $earthworm;
box-shadow: 0 0 0 2px rgba($earthworm, 0.35);
}