Nazwany kolor · #3B6C3F
Arcala Green
Arcala Green to #3B6C3F: rgb(59 108 63), hsl(125 29% 33%), oklch(0.484 0.089 145.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Arcala Green color name →
#3B6C3F
oklch(0.484 0.089 145.8)
Konwersje koloru
- HEX
- #3b6c3f
- RGB
- rgb(59 108 63)
- HSL
- hsl(125 29% 33%)
- HWB
- hwb(125 23% 58%)
- OKLCH
- oklch(0.484 0.089 145.8)
- OKLab
- oklab(0.484 -0.074 0.05)
- CIE Lab
- lab(41.26 -25.2 19.81)
- LCH
- lch(41.26 32.05 141.8)
- CMYK
- cmyk(45% 0% 42% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4E7A51
- 618863
- 749675
- 87A588
- 9AB39B
- AEC2AE
- C2D1C2
- D6E0D6
- EAF0EA
Odcienie ciemniejsze
- 325D35
- 294E2C
- 214023
- 19321B
- 112512
- 09190A
- 040D04
- 010401
- 000000
Tony
- 436E46
- 4A704C
- 517253
- 587459
- 5F7760
- 667866
- 6C7A6D
- 737C73
- 7A7E7A
Harmonie kolorów
Komplementarna +180°
- 3B6C3F
Arcala Green
- 784C7A
≈ Spiced Plum
Analogowa -30° +30°
- 3B6C3F
Arcala Green
- 5C6523
≈ Deathworld Forest
- 076F5D
≈ Falcon Turquoise
Triada +120° +240°
- 3B6C3F
Arcala Green
- 475D91
≈ Last Light Blue
- 8A4944
≈ Rojo Oxide
Komplementarna rozszczepiona +150° +210°
- 3B6C3F
Arcala Green
- 63548B
≈ Fine Purple
- 864860
≈ Redcurrant
Tetrada +90° +180° +270°
- 3B6C3F
Arcala Green
- 20668A
≈ Traditional Blue
- 784C7A
≈ Spiced Plum
- 855028
≈ Lamb Chop
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.17:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.40:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.17:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--arcala-green: #3b6c3f;
--arcala-green-rgb: 59 108 63;
--arcala-green-oklch: oklch(0.484 0.089 145.8);
}
.element {
color: var(--arcala-green);
background-color: hsl(125 29% 33%);
border-color: oklch(0.484 0.089 145.8);
}Tailwind CSS v4
@theme {
--color-arcala-green: #3b6c3f;
--color-arcala-green-50: #e5fde7;
--color-arcala-green-100: #d5f1d7;
--color-arcala-green-200: #bcdfbf;
--color-arcala-green-300: #99c49e;
--color-arcala-green-400: #7cad7f;
--color-arcala-green-500: #5e9662;
--color-arcala-green-600: #507f53;
--color-arcala-green-700: #406642;
--color-arcala-green-800: #2f4a2e;
--color-arcala-green-900: #20341f;
--color-arcala-green-950: #0f1f0f;
}SCSS
$arcala-green: #3b6c3f;
$arcala-green-rgb: 59, 108, 63;
$arcala-green-light: mix(#fff, $arcala-green, 20%);
$arcala-green-dark: mix(#000, $arcala-green, 20%);
.element {
color: $arcala-green;
box-shadow: 0 0 0 2px rgba($arcala-green, 0.35);
}