Najbliższy nazwany kolor · #00A36A
#00A36A
Najbliższy nazwany kolor: Jungle
#00A36A (rgb(0 163 106), hsl(159 100% 32%), oklch(0.631 0.143 159.7)) jest najbliższy nazwanemu kolorowi Jungle. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#00A36A
oklch(0.631 0.143 159.7)
Konwersje koloru
- HEX
- #00a36a
- RGB
- rgb(0 163 106)
- HSL
- hsl(159 100% 32%)
- HWB
- hwb(159 0% 36%)
- OKLCH
- oklch(0.631 0.143 159.7)
- OKLab
- oklab(0.631 -0.135 0.05)
- CIE Lab
- lab(59.09 -47.97 19.15)
- LCH
- lch(59.09 51.65 158.2)
- CMYK
- cmyk(100% 0% 35% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3AAC78
- 57B687
- 6FBF95
- 85C8A4
- 9AD2B3
- AFDBC2
- C3E4D1
- D7EDE0
- EBF6EF
Odcienie ciemniejsze
- 008D5B
- 00784D
- 00633F
- 004F31
- 003C24
- 002A18
- 00190D
- 000A04
- 000100
Tony
- 29A06C
- 3C9D6F
- 499971
- 549674
- 5D9276
- 668F78
- 6D8B7A
- 74887C
- 7A847E
Harmonie kolorów
Komplementarna +180°
- 00A36A
Jungle
- C163A5
≈ Young Purple
Analogowa -30° +30°
- 00A36A
Jungle
- 6D9A30
≈ Hidden Valley
- 009E98
≈ Caribbean Turquoise
Triada +120° +240°
- 00A36A
Jungle
- 797DDE
≈ Tanzine
- D06741
≈ Citrus Notes
Komplementarna rozszczepiona +150° +210°
- 00A36A
Jungle
- A46ECA
≈ Rich Lavender
- D06076
≈ Tuna Sashimi
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.25:1 · APCA Lc 59
Ag
AANa czerni
WCAG 6.44:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.44:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--jungle: #00a36a;
--jungle-rgb: 0 163 106;
--jungle-oklch: oklch(0.631 0.143 159.7);
}
.element {
color: var(--jungle);
background-color: hsl(159 100% 32%);
border-color: oklch(0.631 0.143 159.7);
}Tailwind CSS v4
@theme {
--color-jungle: #00a36a;
--color-jungle-50: #d2ffe8;
--color-jungle-100: #bef8d9;
--color-jungle-200: #9be8c1;
--color-jungle-300: #6dcea0;
--color-jungle-400: #3db880;
--color-jungle-500: #00a263;
--color-jungle-600: #008954;
--color-jungle-700: #006e43;
--color-jungle-800: #00512e;
--color-jungle-900: #00381f;
--color-jungle-950: #00230f;
}SCSS
$jungle: #00a36a;
$jungle-rgb: 0, 163, 106;
$jungle-light: mix(#fff, $jungle, 20%);
$jungle-dark: mix(#000, $jungle, 20%);
.element {
color: $jungle;
box-shadow: 0 0 0 2px rgba($jungle, 0.35);
}