Nazwany kolor · #3D5D42
Horsetail
Horsetail to #3D5D42: rgb(61 93 66), hsl(129 21% 30%), oklch(0.445 0.058 148.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Horsetail color name →
#3D5D42
oklch(0.445 0.058 148.6)
Konwersje koloru
- HEX
- #3d5d42
- RGB
- rgb(61 93 66)
- HSL
- hsl(129 21% 30%)
- HWB
- hwb(129 24% 64%)
- OKLCH
- oklch(0.445 0.058 148.6)
- OKLab
- oklab(0.445 -0.049 0.03)
- CIE Lab
- lab(36.4 -16.97 11.69)
- LCH
- lch(36.4 20.6 145.4)
- CMYK
- cmyk(34% 0% 29% 64%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4F6C53
- 617B64
- 748B76
- 869B89
- 9AAB9C
- ADBBAF
- C1CCC2
- D5DDD6
- EAEEEA
Odcienie ciemniejsze
- 345038
- 2B432F
- 223725
- 1A2A1C
- 121F14
- 0A140B
- 040A05
- 010301
- 000000
Tony
- 446148
- 4B644E
- 516854
- 586B5A
- 5F6F61
- 657267
- 6C766D
- 737973
- 797D7A
Harmonie kolorów
Komplementarna +180°
- 3D5D42
Horsetail
- 664864
≈ Bunchberry
Analogowa -30° +30°
- 3D5D42
Horsetail
- 515933
≈ Green Goanna
- 2B5F54
≈ Eden
Triada +120° +240°
- 3D5D42
Horsetail
- 465374
≈ Signature Blue
- 714842
≈ Burnished Mahogany
Komplementarna rozszczepiona +150° +210°
- 3D5D42
Horsetail
- 584D70
≈ Perpetual Purple
- 6E4653
≈ Mixed Berry Jam
Tetrada +90° +180° +270°
- 3D5D42
Horsetail
- 345971
≈ Water Chi
- 664864
≈ Bunchberry
- 6C4C33
≈ Tilled Soil
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.38:1 · APCA Lc 86
Ag
FailNa czerni
WCAG 2.84:1 · APCA Lc 16
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.38:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmenty kodu
CSS
:root {
--horsetail: #3d5d42;
--horsetail-rgb: 61 93 66;
--horsetail-oklch: oklch(0.445 0.058 148.6);
}
.element {
color: var(--horsetail);
background-color: hsl(129 21% 30%);
border-color: oklch(0.445 0.058 148.6);
}Tailwind CSS v4
@theme {
--color-horsetail: #3d5d42;
--color-horsetail-50: #eafaed;
--color-horsetail-100: #dbeede;
--color-horsetail-200: #c3dcc8;
--color-horsetail-300: #a3c0a8;
--color-horsetail-400: #87a88c;
--color-horsetail-500: #6c9171;
--color-horsetail-600: #5b7b60;
--color-horsetail-700: #49624c;
--color-horsetail-800: #354837;
--color-horsetail-900: #243225;
--color-horsetail-950: #131e14;
}SCSS
$horsetail: #3d5d42;
$horsetail-rgb: 61, 93, 66;
$horsetail-light: mix(#fff, $horsetail, 20%);
$horsetail-dark: mix(#000, $horsetail, 20%);
.element {
color: $horsetail;
box-shadow: 0 0 0 2px rgba($horsetail, 0.35);
}