Najbliższy nazwany kolor · #6EAA53
#6EAA53
Najbliższy nazwany kolor: Asparagus
#6EAA53 (rgb(110 170 83), hsl(101 34% 50%), oklch(0.677 0.135 136.8)) jest najbliższy nazwanemu kolorowi Asparagus. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#6EAA53
oklch(0.677 0.135 136.8)
Konwersje koloru
- HEX
- #6eaa53
- RGB
- rgb(110 170 83)
- HSL
- hsl(101 34% 50%)
- HWB
- hwb(101 33% 33%)
- OKLCH
- oklch(0.677 0.135 136.8)
- OKLab
- oklab(0.677 -0.098 0.092)
- CIE Lab
- lab(64.01 -32.46 38)
- LCH
- lch(64.01 49.98 130.5)
- CMYK
- cmyk(35% 0% 51% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7CB365
- 8BBB77
- 99C488
- A8CC99
- B6D5AA
- C4DDBB
- D3E6CC
- E2EEDD
- F0F7EE
Odcienie ciemniejsze
- 5F9347
- 507D3B
- 416830
- 335325
- 263F1B
- 192D11
- 0E1B08
- 040B02
- 010100
Tony
- 70A659
- 73A25F
- 759E64
- 779A68
- 79966D
- 7A9171
- 7C8D75
- 7D8979
- 7F847D
Harmonie kolorów
Komplementarna +180°
- 6EAA53
Asparagus
- B87BCE
≈ Lavender Blossom
Analogowa -30° +30°
- 6EAA53
Asparagus
- A19C22
≈ Vegan Villain
- 17B185
≈ Dark Mountain Meadow
Triada +120° +240°
- 6EAA53
Asparagus
- 5E98E9
≈ Guilliman Blue
- DE7179
≈ Natural Candy Pink
Komplementarna rozszczepiona +150° +210°
- 6EAA53
Asparagus
- 9289E6
≈ Perrywinkle
- D272A8
≈ Sky Magenta
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.53:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--asparagus: #6eaa53;
--asparagus-rgb: 110 170 83;
--asparagus-oklch: oklch(0.677 0.135 136.8);
}
.element {
color: var(--asparagus);
background-color: hsl(101 34% 50%);
border-color: oklch(0.677 0.135 136.8);
}Tailwind CSS v4
@theme {
--color-asparagus: #6eaa53;
--color-asparagus-50: #e2ffda;
--color-asparagus-100: #d2f3c8;
--color-asparagus-200: #b7e3ab;
--color-asparagus-300: #94c885;
--color-asparagus-400: #77b15e;
--color-asparagus-500: #589a38;
--color-asparagus-600: #4b8231;
--color-asparagus-700: #3c6826;
--color-asparagus-800: #2d4c18;
--color-asparagus-900: #1e350f;
--color-asparagus-950: #0e2003;
}SCSS
$asparagus: #6eaa53;
$asparagus-rgb: 110, 170, 83;
$asparagus-light: mix(#fff, $asparagus, 20%);
$asparagus-dark: mix(#000, $asparagus, 20%);
.element {
color: $asparagus;
box-shadow: 0 0 0 2px rgba($asparagus, 0.35);
}