Colore con nome · #3E4939
Copper Pyrite Green
Copper Pyrite Green è #3E4939: rgb(62 73 57), hsl(101 12% 25%), oklch(0.39 0.03 135.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Copper Pyrite Green color name →
#3E4939
oklch(0.39 0.03 135.9)
Conversioni di colore
- HEX
- #3e4939
- RGB
- rgb(62 73 57)
- HSL
- hsl(101 12% 25%)
- HWB
- hwb(101 22% 71%)
- OKLCH
- oklch(0.39 0.03 135.9)
- OKLab
- oklab(0.39 -0.022 0.021)
- CIE Lab
- lab(29.65 -7.25 8.07)
- LCH
- lch(29.65 10.85 131.9)
- CMYK
- cmyk(15% 0% 22% 71%)
Tinte · Ombre · Toni
Tinte
- 4F594A
- 616A5C
- 737B6F
- 868D82
- 999F96
- ACB2AA
- C1C5BF
- D5D8D4
- EAEBE9
Ombre
- 353E30
- 2B3428
- 232A1F
- 1A2017
- 121710
- 0A0E09
- 040604
- 010201
- 000000
Toni
- 444E40
- 4B5447
- 51594D
- 585E54
- 5E645C
- 656963
- 6B6F6A
- 727571
- 797A79
Armonie di colore
Complementare +180°
- 3E4939
Copper Pyrite Green
- 4C4050
≈ Stone Violet
Analogo -30° +30°
- 3E4939
Copper Pyrite Green
- 474634
≈ Ruggero Grey
- 364A41
≈ Garnet Black Green
Triadico +120° +240°
- 3E4939
Copper Pyrite Green
- 3B4655
≈ Rhino
- 543F40
≈ Royal Iris
Complementare divisa +150° +210°
- 3E4939
Copper Pyrite Green
- 434355
≈ Flintstone Blue
- 513F49
≈ Passionfruit Mauve
Tetradico +90° +180° +270°
- 3E4939
Copper Pyrite Green
- 344952
≈ Sea Kelp
- 4C4050
≈ Stone Violet
- 534038
≈ Oxford Brown
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.47:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.21:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--copper-pyrite-green: #3e4939;
--copper-pyrite-green-rgb: 62 73 57;
--copper-pyrite-green-oklch: oklch(0.39 0.03 135.9);
}
.element {
color: var(--copper-pyrite-green);
background-color: hsl(101 12% 25%);
border-color: oklch(0.39 0.03 135.9);
}Tailwind CSS v4
@theme {
--color-copper-pyrite-green: #3e4939;
--color-copper-pyrite-green-50: #f1f7ef;
--color-copper-pyrite-green-100: #e3eae1;
--color-copper-pyrite-green-200: #ced7cb;
--color-copper-pyrite-green-300: #b0bbac;
--color-copper-pyrite-green-400: #97a391;
--color-copper-pyrite-green-500: #7d8b77;
--color-copper-pyrite-green-600: #6a7665;
--color-copper-pyrite-green-700: #555e51;
--color-copper-pyrite-green-800: #3e453a;
--color-copper-pyrite-green-900: #2b3028;
--color-copper-pyrite-green-950: #181c16;
}SCSS
$copper-pyrite-green: #3e4939;
$copper-pyrite-green-rgb: 62, 73, 57;
$copper-pyrite-green-light: mix(#fff, $copper-pyrite-green, 20%);
$copper-pyrite-green-dark: mix(#000, $copper-pyrite-green, 20%);
.element {
color: $copper-pyrite-green;
box-shadow: 0 0 0 2px rgba($copper-pyrite-green, 0.35);
}