Nazwany kolor · #3A9234
Putting Green
Putting Green to #3A9234: rgb(58 146 52), hsl(116 47% 39%), oklch(0.586 0.156 142.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Putting Green color name →
#3A9234
oklch(0.586 0.156 142.3)
Konwersje koloru
- HEX
- #3a9234
- RGB
- rgb(58 146 52)
- HSL
- hsl(116 47% 39%)
- HWB
- hwb(116 20% 43%)
- OKLCH
- oklch(0.586 0.156 142.3)
- OKLab
- oklab(0.586 -0.123 0.095)
- CIE Lab
- lab(53.77 -41.69 40.18)
- LCH
- lch(53.77 57.9 136.1)
- CMYK
- cmyk(60% 0% 64% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 519D4A
- 65A85F
- 79B373
- 8CBE87
- 9FC99B
- B2D4AE
- C5DEC2
- D8E9D6
- ECF4EB
Odcienie ciemniejsze
- 317E2C
- 286B24
- 20581C
- 184615
- 10350E
- 092507
- 041603
- 010801
- 000100
Tony
- 44913E
- 4D8F47
- 558E50
- 5C8C58
- 638A5F
- 698866
- 6F866D
- 758473
- 7B827A
Harmonie kolorów
Komplementarna +180°
- 3A9234
Putting Green
- A658B2
≈ Orchid Dottyback
Analogowa -30° +30°
- 3A9234
Putting Green
- 7E8300
≈ Drably Olive
- 009175
≈ Dòu Lǜ Green
Triada +120° +240°
- 3A9234
Putting Green
- 4778D7
≈ Skies of Cyberspace
- C84E50
≈ Autumn Fire
Komplementarna rozszczepiona +150° +210°
- 3A9234
Putting Green
- 8066CF
≈ C64 Purple
- BE4E85
≈ Nail Polish Pink
Tetrada +90° +180° +270°
- 3A9234
Putting Green
- 0087B7
≈ Mermaid Dreams
- A658B2
≈ Orchid Dottyback
- BF5D00
≈ Dry Clay
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.93:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.34:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.34:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--putting-green: #3a9234;
--putting-green-rgb: 58 146 52;
--putting-green-oklch: oklch(0.586 0.156 142.3);
}
.element {
color: var(--putting-green);
background-color: hsl(116 47% 39%);
border-color: oklch(0.586 0.156 142.3);
}Tailwind CSS v4
@theme {
--color-putting-green: #3a9234;
--color-putting-green-50: #dbffda;
--color-putting-green-100: #c9f6c8;
--color-putting-green-200: #abe6aa;
--color-putting-green-300: #84cc84;
--color-putting-green-400: #63b55c;
--color-putting-green-500: #3b9e34;
--color-putting-green-600: #33862e;
--color-putting-green-700: #296b24;
--color-putting-green-800: #204f15;
--color-putting-green-900: #15370e;
--color-putting-green-950: #062102;
}SCSS
$putting-green: #3a9234;
$putting-green-rgb: 58, 146, 52;
$putting-green-light: mix(#fff, $putting-green, 20%);
$putting-green-dark: mix(#000, $putting-green, 20%);
.element {
color: $putting-green;
box-shadow: 0 0 0 2px rgba($putting-green, 0.35);
}