Najbliższy nazwany kolor · #1A7137
#1A7137
Najbliższy nazwany kolor: Forestial
#1A7137 (rgb(26 113 55), hsl(140 63% 27%), oklch(0.484 0.121 149.8)) jest najbliższy nazwanemu kolorowi Forestial. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1A7137
oklch(0.484 0.121 149.8)
Konwersje koloru
- HEX
- #1a7137
- RGB
- rgb(26 113 55)
- HSL
- hsl(140 63% 27%)
- HWB
- hwb(140 10% 56%)
- OKLCH
- oklch(0.484 0.121 149.8)
- OKLab
- oklab(0.484 -0.105 0.061)
- CIE Lab
- lab(41.69 -36.59 24.49)
- LCH
- lch(41.69 44.03 146.2)
- CMYK
- cmyk(77% 0% 51% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 387F4A
- 4F8D5D
- 669B70
- 7BA984
- 91B797
- A7C5AC
- BCD3C0
- D2E2D5
- E9F0EA
Odcienie ciemniejsze
- 15612E
- 105226
- 0C431E
- 073516
- 04270F
- 021A08
- 010E03
- 000401
- 000100
Tony
- 2B733F
- 377547
- 42764E
- 4C7855
- 56795D
- 5F7B64
- 677C6B
- 707E72
- 787F79
Harmonie kolorów
Komplementarna +180°
- 1A7137
Forestial
- 84427F
≈ Purpurite Red
Analogowa -30° +30°
- 1A7137
Forestial
- 576700
≈ Serrano Pepper
- 006F60
≈ Falcon Turquoise
Triada +120° +240°
- 1A7137
Forestial
- 4459A3
≈ Purple Frenzy
- 973F33
≈ Brick Paver
Komplementarna rozszczepiona +150° +210°
- 1A7137
Forestial
- 6A4C98
≈ Parfait d’Amour
- 933D5C
≈ Aurora Magenta
Tetrada +90° +180° +270°
- 1A7137
Forestial
- 006596
≈ Wavy Navy
- 84427F
≈ Purpurite Red
- 8C4C00
≈ Parasite Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.06:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.46:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.06:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--forestial: #1a7137;
--forestial-rgb: 26 113 55;
--forestial-oklch: oklch(0.484 0.121 149.8);
}
.element {
color: var(--forestial);
background-color: hsl(140 63% 27%);
border-color: oklch(0.484 0.121 149.8);
}Tailwind CSS v4
@theme {
--color-forestial: #1a7137;
--color-forestial-50: #ddffe4;
--color-forestial-100: #cbf4d4;
--color-forestial-200: #aee4bb;
--color-forestial-300: #88ca99;
--color-forestial-400: #66b277;
--color-forestial-500: #409c59;
--color-forestial-600: #37844c;
--color-forestial-700: #2c6a3c;
--color-forestial-800: #214e29;
--color-forestial-900: #16361c;
--color-forestial-950: #07210c;
}SCSS
$forestial: #1a7137;
$forestial-rgb: 26, 113, 55;
$forestial-light: mix(#fff, $forestial, 20%);
$forestial-dark: mix(#000, $forestial, 20%);
.element {
color: $forestial;
box-shadow: 0 0 0 2px rgba($forestial, 0.35);
}