Colore con nome · #C3816E
Earthworm
Earthworm è #C3816E: rgb(195 129 110), hsl(13 41% 60%), oklch(0.666 0.087 36.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Earthworm color name →
#C3816E
oklch(0.666 0.087 36.8)
Conversioni di colore
- HEX
- #c3816e
- RGB
- rgb(195 129 110)
- HSL
- hsl(13 41% 60%)
- HWB
- hwb(13 43% 24%)
- OKLCH
- oklch(0.666 0.087 36.8)
- OKLab
- oklab(0.666 0.07 0.052)
- CIE Lab
- lab(60.63 24.61 21.32)
- LCH
- lch(60.63 32.56 40.9)
- CMYK
- cmyk(0% 34% 44% 24%)
Tinte · Ombre · Toni
Tinte
- CA8D7C
- D09A8A
- D7A698
- DDB3A6
- E3BFB5
- E9CCC3
- EFD8D2
- F4E5E1
- FAF2F0
Ombre
- A96F5F
- 905E50
- 784E41
- 603E33
- 4A2E26
- 341F19
- 20120E
- 0E0604
- 020101
Toni
- BD8170
- B68172
- B08174
- A98176
- A28178
- 9C8179
- 95817B
- 8E817D
- 87807E
Armonie di colore
Complementare +180°
- C3816E
Earthworm
- 4DA1B7
≈ Inuit
Analogo -30° +30°
- C3816E
Earthworm
- C27D8B
≈ Japanese Coral
- B88A58
≈ Canvas
Triadico +120° +240°
- C3816E
Earthworm
- 65A47E
≈ Plumosa
- 868FCA
≈ Bailey Bells
Complementare divisa +150° +210°
- C3816E
Earthworm
- 4BA69D
≈ Bahaman Bliss
- 6799C7
≈ Windstorm
Tetradico +90° +180° +270°
- C3816E
Earthworm
- 869E63
≈ Green Sky
- 4DA1B7
≈ Inuit
- A286BE
≈ Lilac Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--earthworm: #c3816e;
--earthworm-rgb: 195 129 110;
--earthworm-oklch: oklch(0.666 0.087 36.8);
}
.element {
color: var(--earthworm);
background-color: hsl(13 41% 60%);
border-color: oklch(0.666 0.087 36.8);
}Tailwind CSS v4
@theme {
--color-earthworm: #c3816e;
--color-earthworm-50: #ffede3;
--color-earthworm-100: #ffdfd3;
--color-earthworm-200: #f6c8b9;
--color-earthworm-300: #dfa997;
--color-earthworm-400: #cc8c7a;
--color-earthworm-500: #b8715c;
--color-earthworm-600: #9b604f;
--color-earthworm-700: #7d4c3f;
--color-earthworm-800: #5d372e;
--color-earthworm-900: #41261f;
--color-earthworm-950: #29140f;
}SCSS
$earthworm: #c3816e;
$earthworm-rgb: 195, 129, 110;
$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);
}