Najbliższy nazwany kolor · #00984A
#00984A
Najbliższy nazwany kolor: Green Revolution
#00984A (rgb(0 152 74), hsl(149 100% 30%), oklch(0.595 0.159 151.3)) jest najbliższy nazwanemu kolorowi Green Revolution. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00984A
oklch(0.595 0.159 151.3)
Konwersje koloru
- HEX
- #00984a
- RGB
- rgb(0 152 74)
- HSL
- hsl(149 100% 30%)
- HWB
- hwb(149 0% 40%)
- OKLCH
- oklch(0.595 0.159 151.3)
- OKLab
- oklab(0.595 -0.139 0.076)
- CIE Lab
- lab(54.99 -49.15 30.76)
- LCH
- lch(54.99 57.98 148)
- CMYK
- cmyk(100% 0% 51% 40%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 37A35C
- 53AD6E
- 6CB780
- 82C291
- 97CCA3
- ACD6B5
- C1E1C7
- D6EBDA
- EAF5EC
Odcienie ciemniejsze
- 00843F
- 007035
- 005C2A
- 004A20
- 003817
- 00270E
- 001706
- 000802
- 000100
Tony
- 279650
- 399457
- 46925C
- 519062
- 5B8D67
- 638B6C
- 6B8871
- 738676
- 79837B
Harmonie kolorów
Komplementarna +180°
- 00984A
Green Revolution
- B256A9
≈ Royalty Loyalty
Analogowa -30° +30°
- 00984A
Green Revolution
- 728B00
≈ Canopy
- 009383
≈ Silk Sari
Triada +120° +240°
- 00984A
Green Revolution
- 5D75DC
≈ Cornflower
- CC523F
≈ Painted Poppy
Komplementarna rozszczepiona +150° +210°
- 00984A
Green Revolution
- 9063CD
≈ Amethyst
- C74E78
≈ Middle Safflower
Tetrada +90° +180° +270°
- 00984A
Green Revolution
- 0087C9
≈ Water Blue
- B256A9
≈ Royalty Loyalty
- B86800
≈ Brown Orange
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.75:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.59:1 · APCA Lc 37
Najlepszy kolor tekstu: #000000
WCAG 5.59:1 (AA) · APCA Lc 37
Contrast pairs
Fragmenty kodu
CSS
:root {
--green-revolution: #00984a;
--green-revolution-rgb: 0 152 74;
--green-revolution-oklch: oklch(0.595 0.159 151.3);
}
.element {
color: var(--green-revolution);
background-color: hsl(149 100% 30%);
border-color: oklch(0.595 0.159 151.3);
}Tailwind CSS v4
@theme {
--color-green-revolution: #00984a;
--color-green-revolution-50: #d3ffe0;
--color-green-revolution-100: #c0f8cf;
--color-green-revolution-200: #9ee9b4;
--color-green-revolution-300: #71cf91;
--color-green-revolution-400: #47b86c;
--color-green-revolution-500: #00a24b;
--color-green-revolution-600: #008940;
--color-green-revolution-700: #006e33;
--color-green-revolution-800: #055121;
--color-green-revolution-900: #053816;
--color-green-revolution-950: #002307;
}SCSS
$green-revolution: #00984a;
$green-revolution-rgb: 0, 152, 74;
$green-revolution-light: mix(#fff, $green-revolution, 20%);
$green-revolution-dark: mix(#000, $green-revolution, 20%);
.element {
color: $green-revolution;
box-shadow: 0 0 0 2px rgba($green-revolution, 0.35);
}