Nazwany kolor · #4D663E
Mountain Forest
Mountain Forest to #4D663E: rgb(77 102 62), hsl(98 24% 32%), oklch(0.479 0.068 134.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Mountain Forest color name →
#4D663E
oklch(0.479 0.068 134.4)
Konwersje koloru
- HEX
- #4d663e
- RGB
- rgb(77 102 62)
- HSL
- hsl(98 24% 32%)
- HWB
- hwb(98 24% 60%)
- OKLCH
- oklch(0.479 0.068 134.4)
- OKLab
- oklab(0.479 -0.048 0.049)
- CIE Lab
- lab(40.36 -15.76 19.5)
- LCH
- lch(40.36 25.07 129)
- CMYK
- cmyk(25% 0% 39% 60%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5D7450
- 6E8362
- 7F9274
- 90A187
- A2B09A
- B4BFAE
- C6CFC2
- D9DFD6
- ECEFEA
Odcienie ciemniejsze
- 425835
- 374A2B
- 2C3C23
- 222F1A
- 182312
- 0F170A
- 070C04
- 020401
- 000000
Tony
- 526945
- 576B4B
- 5C6E52
- 617159
- 66735F
- 6B7666
- 71786C
- 767B73
- 7B7D79
Harmonie kolorów
Komplementarna +180°
- 4D663E
Mountain Forest
- 6C5278
≈ Gladiola Violet
Analogowa -30° +30°
- 4D663E
Mountain Forest
- 635F2F
≈ Saguaro
- 346A53
≈ Spirulina
Triada +120° +240°
- 4D663E
Mountain Forest
- 425F83
≈ Functional Blue
- 7F4D51
≈ Tibetan Temple
Komplementarna rozszczepiona +150° +210°
- 4D663E
Mountain Forest
- 595883
≈ Aurora Splendour
- 794E67
≈ Dahlia Matte Red
Tetrada +90° +180° +270°
- 4D663E
Mountain Forest
- 2C667A
≈ San Gabriel Blue
- 6C5278
≈ Gladiola Violet
- 7E513D
≈ Nougat Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.39:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.28:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.39:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--mountain-forest: #4d663e;
--mountain-forest-rgb: 77 102 62;
--mountain-forest-oklch: oklch(0.479 0.068 134.4);
}
.element {
color: var(--mountain-forest);
background-color: hsl(98 24% 32%);
border-color: oklch(0.479 0.068 134.4);
}Tailwind CSS v4
@theme {
--color-mountain-forest: #4d663e;
--color-mountain-forest-50: #ecfae7;
--color-mountain-forest-100: #deeed7;
--color-mountain-forest-200: #c7dbbf;
--color-mountain-forest-300: #a8c09e;
--color-mountain-forest-400: #8ea87f;
--color-mountain-forest-500: #739062;
--color-mountain-forest-600: #627a53;
--color-mountain-forest-700: #4e6242;
--color-mountain-forest-800: #39482f;
--color-mountain-forest-900: #273220;
--color-mountain-forest-950: #151d0f;
}SCSS
$mountain-forest: #4d663e;
$mountain-forest-rgb: 77, 102, 62;
$mountain-forest-light: mix(#fff, $mountain-forest, 20%);
$mountain-forest-dark: mix(#000, $mountain-forest, 20%);
.element {
color: $mountain-forest;
box-shadow: 0 0 0 2px rgba($mountain-forest, 0.35);
}