Nazwany kolor · #4FAA6C
Fresh Oregano
Fresh Oregano to #4FAA6C: rgb(79 170 108), hsl(139 37% 49%), oklch(0.666 0.127 151.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Fresh Oregano color name →
#4FAA6C
oklch(0.666 0.127 151.9)
Konwersje koloru
- HEX
- #4faa6c
- RGB
- rgb(79 170 108)
- HSL
- hsl(139 37% 49%)
- HWB
- hwb(139 31% 33%)
- OKLCH
- oklch(0.666 0.127 151.9)
- OKLab
- oklab(0.666 -0.112 0.06)
- CIE Lab
- lab(62.9 -39.08 23.44)
- LCH
- lch(62.9 45.58 149)
- CMYK
- cmyk(54% 0% 36% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 63B37A
- 76BB89
- 88C497
- 99CCA6
- AAD5B4
- BBDDC3
- CCE6D2
- DDEEE1
- EEF7F0
Odcienie ciemniejsze
- 44935D
- 387D4E
- 2E6840
- 235332
- 193F25
- 102D19
- 071B0D
- 020B04
- 000100
Tony
- 57A66E
- 5DA271
- 639E73
- 689A75
- 6D9577
- 729179
- 768D7B
- 79897D
- 7D847E
Harmonie kolorów
Komplementarna +180°
- 4FAA6C
Fresh Oregano
- C175B7
≈ Colombo Red Mauve
Analogowa -30° +30°
- 4FAA6C
Fresh Oregano
- 87A03E
≈ New Shoot
- 00AB99
≈ Tropical Hideaway
Triada +120° +240°
- 4FAA6C
Fresh Oregano
- 798EE2
≈ Guilliman Blue
- D67461
≈ OK Corral
Komplementarna rozszczepiona +150° +210°
- 4FAA6C
Fresh Oregano
- A380D5
≈ Wisteria
- D3708E
≈ Pink Garnet
Tetrada +90° +180° +270°
- 4FAA6C
Fresh Oregano
- 3F9CDB
≈ Flax Flower Blue
- C175B7
≈ Colombo Red Mauve
- CB8036
≈ Golden Bell
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.87:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.29:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-oregano: #4faa6c;
--fresh-oregano-rgb: 79 170 108;
--fresh-oregano-oklch: oklch(0.666 0.127 151.9);
}
.element {
color: var(--fresh-oregano);
background-color: hsl(139 37% 49%);
border-color: oklch(0.666 0.127 151.9);
}Tailwind CSS v4
@theme {
--color-fresh-oregano: #4faa6c;
--color-fresh-oregano-50: #daffe5;
--color-fresh-oregano-100: #c8f5d5;
--color-fresh-oregano-200: #aae5bc;
--color-fresh-oregano-300: #82cb99;
--color-fresh-oregano-400: #5fb478;
--color-fresh-oregano-500: #339d5a;
--color-fresh-oregano-600: #2d854d;
--color-fresh-oregano-700: #246b3d;
--color-fresh-oregano-800: #1b4e29;
--color-fresh-oregano-900: #12361c;
--color-fresh-oregano-950: #04210c;
}SCSS
$fresh-oregano: #4faa6c;
$fresh-oregano-rgb: 79, 170, 108;
$fresh-oregano-light: mix(#fff, $fresh-oregano, 20%);
$fresh-oregano-dark: mix(#000, $fresh-oregano, 20%);
.element {
color: $fresh-oregano;
box-shadow: 0 0 0 2px rgba($fresh-oregano, 0.35);
}