Nazwany kolor · #3E4939
Copper Pyrite Green
Copper Pyrite Green to #3E4939: rgb(62 73 57), hsl(101 12% 25%), oklch(0.39 0.03 135.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Copper Pyrite Green color name →
#3E4939
oklch(0.39 0.03 135.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F594A
- 616A5C
- 737B6F
- 868D82
- 999F96
- ACB2AA
- C1C5BF
- D5D8D4
- EAEBE9
Odcienie ciemniejsze
- 353E30
- 2B3428
- 232A1F
- 1A2017
- 121710
- 0A0E09
- 040604
- 010201
- 000000
Tony
- 444E40
- 4B5447
- 51594D
- 585E54
- 5E645C
- 656963
- 6B6F6A
- 727571
- 797A79
Harmonie kolorów
Komplementarna +180°
- 3E4939
Copper Pyrite Green
- 4C4050
≈ Stone Violet
Analogowa -30° +30°
- 3E4939
Copper Pyrite Green
- 474634
≈ Ruggero Grey
- 364A41
≈ Garnet Black Green
Triada +120° +240°
- 3E4939
Copper Pyrite Green
- 3B4655
≈ Rhino
- 543F40
≈ Royal Iris
Komplementarna rozszczepiona +150° +210°
- 3E4939
Copper Pyrite Green
- 434355
≈ Flintstone Blue
- 513F49
≈ Passionfruit Mauve
Tetrada +90° +180° +270°
- 3E4939
Copper Pyrite Green
- 344952
≈ Sea Kelp
- 4C4050
≈ Stone Violet
- 534038
≈ Oxford Brown
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.47:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.21:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.47:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}