Nazwany kolor · #4F9153
Ineffable Forest
Ineffable Forest to #4F9153: rgb(79 145 83), hsl(124 29% 44%), oklch(0.597 0.115 145.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Ineffable Forest color name →
#4F9153
oklch(0.597 0.115 145.2)
Konwersje koloru
- HEX
- #4f9153
- RGB
- rgb(79 145 83)
- HSL
- hsl(124 29% 44%)
- HWB
- hwb(124 31% 43%)
- OKLCH
- oklch(0.597 0.115 145.2)
- OKLab
- oklab(0.597 -0.094 0.065)
- CIE Lab
- lab(54.62 -32.23 26.07)
- LCH
- lch(54.62 41.45 141)
- CMYK
- cmyk(46% 0% 43% 43%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 619C64
- 73A774
- 84B285
- 95BD96
- A7C8A7
- B8D3B8
- CADECA
- DBE9DB
- EDF4ED
Odcienie ciemniejsze
- 447D47
- 386A3B
- 2E5830
- 234625
- 19351B
- 102511
- 071508
- 020702
- 000100
Tony
- 559058
- 5B8E5D
- 608C62
- 658B66
- 6A896B
- 6F876F
- 738674
- 788478
- 7C827C
Harmonie kolorów
Komplementarna +180°
- 4F9153
Ineffable Forest
- A166A4
≈ Royal Pretender
Analogowa -30° +30°
- 4F9153
Ineffable Forest
- 7D872C
≈ Trendy Green
- 00947C
≈ Aqua Waters
Triada +120° +240°
- 4F9153
Ineffable Forest
- 5E7DC4
≈ Blue Iolite
- BA625C
≈ Energy Peak
Komplementarna rozszczepiona +150° +210°
- 4F9153
Ineffable Forest
- 8570BC
≈ Purple Hebe
- B46082
≈ Raspberry Parfait
Tetrada +90° +180° +270°
- 4F9153
Ineffable Forest
- 2589BA
≈ Mermaid Dreams
- A166A4
≈ Royal Pretender
- B36B35
≈ Ginger Dough
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.81:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.50:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--ineffable-forest: #4f9153;
--ineffable-forest-rgb: 79 145 83;
--ineffable-forest-oklch: oklch(0.597 0.115 145.2);
}
.element {
color: var(--ineffable-forest);
background-color: hsl(124 29% 44%);
border-color: oklch(0.597 0.115 145.2);
}Tailwind CSS v4
@theme {
--color-ineffable-forest: #4f9153;
--color-ineffable-forest-50: #e0ffe3;
--color-ineffable-forest-100: #d0f3d2;
--color-ineffable-forest-200: #b4e2b8;
--color-ineffable-forest-300: #90c896;
--color-ineffable-forest-400: #71b074;
--color-ineffable-forest-500: #509a55;
--color-ineffable-forest-600: #448248;
--color-ineffable-forest-700: #366839;
--color-ineffable-forest-800: #284c27;
--color-ineffable-forest-900: #1b351a;
--color-ineffable-forest-950: #0b200b;
}SCSS
$ineffable-forest: #4f9153;
$ineffable-forest-rgb: 79, 145, 83;
$ineffable-forest-light: mix(#fff, $ineffable-forest, 20%);
$ineffable-forest-dark: mix(#000, $ineffable-forest, 20%);
.element {
color: $ineffable-forest;
box-shadow: 0 0 0 2px rgba($ineffable-forest, 0.35);
}