Nazwany kolor · #348A5D
Argyle
Argyle to #348A5D: rgb(52 138 93), hsl(149 45% 37%), oklch(0.569 0.109 157.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Argyle color name →
#348A5D
oklch(0.569 0.109 157.2)
Konwersje koloru
- HEX
- #348a5d
- RGB
- rgb(52 138 93)
- HSL
- hsl(149 45% 37%)
- HWB
- hwb(149 20% 46%)
- OKLCH
- oklch(0.569 0.109 157.2)
- OKLab
- oklab(0.569 -0.1 0.042)
- CIE Lab
- lab(51.44 -35.27 16.21)
- LCH
- lch(51.44 38.82 155.3)
- CMYK
- cmyk(62% 0% 33% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4C956C
- 61A17C
- 75AD8B
- 89B89B
- 9DC4AB
- B0D0BC
- C4DBCC
- D7E7DD
- EBF3EE
Odcienie ciemniejsze
- 2C7750
- 246543
- 1C5337
- 15422A
- 0E321F
- 072214
- 03140A
- 010703
- 000100
Tony
- 3F8961
- 498864
- 528868
- 59876B
- 61866F
- 688572
- 6E8476
- 748279
- 7A817D
Harmonie kolorów
Komplementarna +180°
- 348A5D
Argyle
- 9F5D8E
≈ Thimble Red
Analogowa -30° +30°
- 348A5D
Argyle
- 658337
≈ Swamp Moss
- 008A81
≈ Clear Turquoise
Triada +120° +240°
- 348A5D
Argyle
- 6870B6
≈ Chetwode Blue
- AD5E47
≈ Iron Ore
Komplementarna rozszczepiona +150° +210°
- 348A5D
Argyle
- 8865A9
≈ Chive Blossom
- AC5A6C
≈ Topinambur Root
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.25:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.93:1 · APCA Lc 33
Najlepszy kolor tekstu: #000000
WCAG 4.93:1 (AA) · APCA Lc 33
Contrast pairs
Fragmenty kodu
CSS
:root {
--argyle: #348a5d;
--argyle-rgb: 52 138 93;
--argyle-oklch: oklch(0.569 0.109 157.2);
}
.element {
color: var(--argyle);
background-color: hsl(149 45% 37%);
border-color: oklch(0.569 0.109 157.2);
}Tailwind CSS v4
@theme {
--color-argyle: #348a5d;
--color-argyle-50: #dcffea;
--color-argyle-100: #caf4db;
--color-argyle-200: #ade3c4;
--color-argyle-300: #86c9a4;
--color-argyle-400: #63b285;
--color-argyle-500: #3a9b69;
--color-argyle-600: #338359;
--color-argyle-700: #296947;
--color-argyle-800: #1e4d32;
--color-argyle-900: #143622;
--color-argyle-950: #052111;
}SCSS
$argyle: #348a5d;
$argyle-rgb: 52, 138, 93;
$argyle-light: mix(#fff, $argyle, 20%);
$argyle-dark: mix(#000, $argyle, 20%);
.element {
color: $argyle;
box-shadow: 0 0 0 2px rgba($argyle, 0.35);
}