Nazwany kolor · #3A4645
Darkness Green
Darkness Green to #3A4645: rgb(58 70 69), hsl(175 9% 25%), oklch(0.383 0.016 190.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Darkness Green color name →
#3A4645
oklch(0.383 0.016 190.3)
Konwersje koloru
- HEX
- #3a4645
- RGB
- rgb(58 70 69)
- HSL
- hsl(175 9% 25%)
- HWB
- hwb(175 23% 73%)
- OKLCH
- oklch(0.383 0.016 190.3)
- OKLab
- oklab(0.383 -0.015 -0.003)
- CIE Lab
- lab(28.62 -5.21 -1.11)
- LCH
- lch(28.62 5.33 192)
- CMYK
- cmyk(17% 0% 1% 73%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B5656
- 5D6767
- 707978
- 838B8A
- 979D9D
- ABB0B0
- BFC3C3
- D4D7D7
- E9EBEB
Odcienie ciemniejsze
- 313C3B
- 283231
- 202827
- 181E1E
- 101515
- 090D0C
- 040505
- 010202
- 000000
Tony
- 414C4B
- 475150
- 4E5756
- 555D5C
- 5C6262
- 636868
- 6A6E6E
- 717474
- 797A7A
Harmonie kolorów
Komplementarna +180°
- 3A4645
Darkness Green
- 4B4041
≈ Shale
Analogowa -30° +30°
- 3A4645
Darkness Green
- 3C4640
≈ Deep Forest
- 3A4549
≈ Nightshade
Triada +120° +240°
- 3A4645
Darkness Green
- 46414A
≈ Spinel Grey
- 49423A
≈ Dried Dates
Komplementarna rozszczepiona +150° +210°
- 3A4645
Darkness Green
- 494046
≈ Raven’s Wing
- 4B413D
≈ Sweet Molasses
Tetrada +90° +180° +270°
- 3A4645
Darkness Green
- 41424C
≈ Flint Purple
- 4B4041
≈ Shale
- 45443A
≈ Volcanic Stone Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.80:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.14:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.80:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--darkness-green: #3a4645;
--darkness-green-rgb: 58 70 69;
--darkness-green-oklch: oklch(0.383 0.016 190.3);
}
.element {
color: var(--darkness-green);
background-color: hsl(175 9% 25%);
border-color: oklch(0.383 0.016 190.3);
}Tailwind CSS v4
@theme {
--color-darkness-green: #3a4645;
--color-darkness-green-50: #f0f7f6;
--color-darkness-green-100: #e2eae9;
--color-darkness-green-200: #cdd6d6;
--color-darkness-green-300: #afbab9;
--color-darkness-green-400: #95a2a0;
--color-darkness-green-500: #7b8a88;
--color-darkness-green-600: #687473;
--color-darkness-green-700: #535d5c;
--color-darkness-green-800: #3d4443;
--color-darkness-green-900: #2a2f2e;
--color-darkness-green-950: #171c1b;
}SCSS
$darkness-green: #3a4645;
$darkness-green-rgb: 58, 70, 69;
$darkness-green-light: mix(#fff, $darkness-green, 20%);
$darkness-green-dark: mix(#000, $darkness-green, 20%);
.element {
color: $darkness-green;
box-shadow: 0 0 0 2px rgba($darkness-green, 0.35);
}