Najbliższy nazwany kolor · #376F46
#376F46
Najbliższy nazwany kolor: Parsley Sprig
#376F46 (rgb(55 111 70), hsl(136 34% 33%), oklch(0.492 0.089 150.7)) jest najbliższy nazwanemu kolorowi Parsley Sprig. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#376F46
oklch(0.492 0.089 150.7)
Konwersje koloru
- HEX
- #376f46
- RGB
- rgb(55 111 70)
- HSL
- hsl(136 34% 33%)
- HWB
- hwb(136 22% 56%)
- OKLCH
- oklch(0.492 0.089 150.7)
- OKLab
- oklab(0.492 -0.077 0.043)
- CIE Lab
- lab(42.18 -26.83 16.97)
- LCH
- lch(42.18 31.75 147.7)
- CMYK
- cmyk(50% 0% 37% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4B7D57
- 5F8B68
- 72997A
- 86A78C
- 99B59E
- ADC4B1
- C1D2C4
- D6E1D7
- EAF0EB
Odcienie ciemniejsze
- 2E603C
- 265132
- 1E4228
- 16341E
- 0F2715
- 081A0D
- 030E05
- 010402
- 000100
Tony
- 40714C
- 487352
- 4F7558
- 57765D
- 5E7863
- 657A69
- 6C7B6F
- 737D74
- 797E7A
Harmonie kolorów
Komplementarna +180°
- 376F46
Parsley Sprig
- 7D4D78
≈ Phlox Flower Violet
Analogowa -30° +30°
- 376F46
Parsley Sprig
- 5A682A
≈ Bimi Green
- 017163
≈ Falcon Turquoise
Triada +120° +240°
- 376F46
Parsley Sprig
- 4E5E93
≈ Nightly Silhouette
- 8C4C42
≈ Red Clay
Komplementarna rozszczepiona +150° +210°
- 376F46
Parsley Sprig
- 69548B
≈ Magenta Violet
- 894A5E
≈ Hawthorn Rose
Tetrada +90° +180° +270°
- 376F46
Parsley Sprig
- 2A678E
≈ Drake’s Neck
- 7D4D78
≈ Phlox Flower Violet
- 855427
≈ Precious Copper
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.95:1 · APCA Lc 80
Ag
FailNa czerni
WCAG 3.52:1 · APCA Lc 22
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.95:1 (AA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--parsley-sprig: #376f46;
--parsley-sprig-rgb: 55 111 70;
--parsley-sprig-oklch: oklch(0.492 0.089 150.7);
}
.element {
color: var(--parsley-sprig);
background-color: hsl(136 34% 33%);
border-color: oklch(0.492 0.089 150.7);
}Tailwind CSS v4
@theme {
--color-parsley-sprig: #376f46;
--color-parsley-sprig-50: #e3fde9;
--color-parsley-sprig-100: #d3f1da;
--color-parsley-sprig-200: #b9e0c2;
--color-parsley-sprig-300: #95c5a2;
--color-parsley-sprig-400: #77ae83;
--color-parsley-sprig-500: #589767;
--color-parsley-sprig-600: #4b8058;
--color-parsley-sprig-700: #3b6646;
--color-parsley-sprig-800: #2c4b31;
--color-parsley-sprig-900: #1d3421;
--color-parsley-sprig-950: #0d1f11;
}SCSS
$parsley-sprig: #376f46;
$parsley-sprig-rgb: 55, 111, 70;
$parsley-sprig-light: mix(#fff, $parsley-sprig, 20%);
$parsley-sprig-dark: mix(#000, $parsley-sprig, 20%);
.element {
color: $parsley-sprig;
box-shadow: 0 0 0 2px rgba($parsley-sprig, 0.35);
}