Najbliższy nazwany kolor · #118914
#118914
Najbliższy nazwany kolor: Lush Garden
#118914 (rgb(17 137 20), hsl(122 78% 30%), oklch(0.548 0.178 142.9)) jest najbliższy nazwanemu kolorowi Lush Garden. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#118914
oklch(0.548 0.178 142.9)
Konwersje koloru
- HEX
- #118914
- RGB
- rgb(17 137 20)
- HSL
- hsl(122 78% 30%)
- HWB
- hwb(122 7% 46%)
- OKLCH
- oklch(0.548 0.178 142.9)
- OKLab
- oklab(0.548 -0.142 0.107)
- CIE Lab
- lab(49.62 -48.09 47.35)
- LCH
- lch(49.62 67.49 135.4)
- CMYK
- cmyk(88% 0% 85% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 389535
- 52A14E
- 69AD65
- 7FB97B
- 94C590
- AAD0A6
- BFDCBC
- D4E8D2
- E9F3E9
Odcienie ciemniejsze
- 0D7610
- 09640C
- 065308
- 044205
- 023103
- 012201
- 001401
- 000700
- 000100
Tony
- 298928
- 388836
- 448841
- 4F874C
- 588655
- 61855E
- 698467
- 718370
- 798278
Harmonie kolorów
Komplementarna +180°
- 118914
Lush Garden
- A044AC
≈ Medium Purple
Analogowa -30° +30°
- 118914
Lush Garden
- 727800
≈ Portuguese Green
- 00856B
≈ Bosphorus
Triada +120° +240°
- 118914
Lush Garden
- 3569D7
≈ Enchanting Sapphire
- C3363D
≈ Tropical Heat
Komplementarna rozszczepiona +150° +210°
- 118914
Lush Garden
- 7855CD
≈ Astro Purple
- B9377A
≈ Fuchsia Red
Tetrada +90° +180° +270°
- 118914
Lush Garden
- 007BA8
≈ Celadon Blue
- A044AC
≈ Medium Purple
- AE5500
≈ Tijolo
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.55:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.61:1 · APCA Lc 31
Najlepszy kolor tekstu: #000000
WCAG 4.61:1 (AA) · APCA Lc 31
Contrast pairs
Fragmenty kodu
CSS
:root {
--lush-garden: #118914;
--lush-garden-rgb: 17 137 20;
--lush-garden-oklch: oklch(0.548 0.178 142.9);
}
.element {
color: var(--lush-garden);
background-color: hsl(122 78% 30%);
border-color: oklch(0.548 0.178 142.9);
}Tailwind CSS v4
@theme {
--color-lush-garden: #118914;
--color-lush-garden-50: #d6ffd6;
--color-lush-garden-100: #c3f8c4;
--color-lush-garden-200: #a4e9a5;
--color-lush-garden-300: #79cf7d;
--color-lush-garden-400: #55b852;
--color-lush-garden-500: #1fa121;
--color-lush-garden-600: #1f891f;
--color-lush-garden-700: #196d19;
--color-lush-garden-800: #16500a;
--color-lush-garden-900: #0e3807;
--color-lush-garden-950: #022200;
}SCSS
$lush-garden: #118914;
$lush-garden-rgb: 17, 137, 20;
$lush-garden-light: mix(#fff, $lush-garden, 20%);
$lush-garden-dark: mix(#000, $lush-garden, 20%);
.element {
color: $lush-garden;
box-shadow: 0 0 0 2px rgba($lush-garden, 0.35);
}