Najbliższy nazwany kolor · #578227
#578227
Najbliższy nazwany kolor: Enchanted Forest
#578227 (rgb(87 130 39), hsl(88 54% 33%), oklch(0.556 0.129 131.3)) jest najbliższy nazwanemu kolorowi Enchanted Forest. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#578227
oklch(0.556 0.129 131.3)
Konwersje koloru
- HEX
- #578227
- RGB
- rgb(87 130 39)
- HSL
- hsl(88 54% 33%)
- HWB
- hwb(88 15% 49%)
- OKLCH
- oklch(0.556 0.129 131.3)
- OKLab
- oklab(0.556 -0.085 0.097)
- CIE Lab
- lab(49.79 -26.93 42.07)
- LCH
- lch(49.79 49.95 122.6)
- CMYK
- cmyk(33% 0% 70% 49%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 678E40
- 779B56
- 87A76B
- 97B380
- A8C095
- B9CCAA
- CAD9BF
- DCE6D4
- EDF2E9
Odcienie ciemniejsze
- 4B7020
- 3E5F1A
- 334E14
- 273E0E
- 1C2F08
- 122004
- 081202
- 030601
- 000100
Tony
- 5B8234
- 60823F
- 648248
- 688251
- 6C825A
- 708262
- 74816A
- 788171
- 7C8179
Harmonie kolorów
Komplementarna +180°
- 578227
Enchanted Forest
- 8C5BAA
≈ Lusty Lavender
Analogowa -30° +30°
- 578227
Enchanted Forest
- 827400
≈ Tool Green
- 00895B
≈ Vital Green
Triada +120° +240°
- 578227
Enchanted Forest
- 3076BC
≈ Bluish
- B14E60
≈ Holly Berry
Komplementarna rozszczepiona +150° +210°
- 578227
Enchanted Forest
- 6868BC
≈ Bluish Purple Anemone
- A45189
≈ Purple Zergling
Tetrada +90° +180° +270°
- 578227
Enchanted Forest
- 00809D
≈ Amazing Sky
- 8C5BAA
≈ Lusty Lavender
- B05531
≈ Red Stage
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.53:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.62:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.62:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchanted-forest: #578227;
--enchanted-forest-rgb: 87 130 39;
--enchanted-forest-oklch: oklch(0.556 0.129 131.3);
}
.element {
color: var(--enchanted-forest);
background-color: hsl(88 54% 33%);
border-color: oklch(0.556 0.129 131.3);
}Tailwind CSS v4
@theme {
--color-enchanted-forest: #578227;
--color-enchanted-forest-50: #e7fed8;
--color-enchanted-forest-100: #d7f2c6;
--color-enchanted-forest-200: #bfe1a8;
--color-enchanted-forest-300: #9dc681;
--color-enchanted-forest-400: #83ae5a;
--color-enchanted-forest-500: #669731;
--color-enchanted-forest-600: #57802b;
--color-enchanted-forest-700: #456622;
--color-enchanted-forest-800: #344b14;
--color-enchanted-forest-900: #23340d;
--color-enchanted-forest-950: #121f02;
}SCSS
$enchanted-forest: #578227;
$enchanted-forest-rgb: 87, 130, 39;
$enchanted-forest-light: mix(#fff, $enchanted-forest, 20%);
$enchanted-forest-dark: mix(#000, $enchanted-forest, 20%);
.element {
color: $enchanted-forest;
box-shadow: 0 0 0 2px rgba($enchanted-forest, 0.35);
}