Nazwany kolor · #6F6A52
Mysterious Moss
Mysterious Moss to #6F6A52: rgb(111 106 82), hsl(50 15% 38%), oklch(0.522 0.036 97.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Brown mean? → · Mysterious Moss color name →
#6F6A52
oklch(0.522 0.036 97.6)
Konwersje koloru
- HEX
- #6f6a52
- RGB
- rgb(111 106 82)
- HSL
- hsl(50 15% 38%)
- HWB
- hwb(50 32% 56%)
- OKLCH
- oklch(0.522 0.036 97.6)
- OKLab
- oklab(0.522 -0.005 0.036)
- CIE Lab
- lab(44.77 -1.12 14.28)
- LCH
- lch(44.77 14.32 94.5)
- CMYK
- cmyk(0% 5% 26% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7C7862
- 8A8672
- 989483
- A6A394
- B4B2A5
- C3C1B6
- D2D0C8
- E1DFDA
- F0EFEC
Odcienie ciemniejsze
- 605B46
- 514D3B
- 423F2F
- 343125
- 27241A
- 1A1811
- 0E0D08
- 040402
- 010000
Tony
- 716C57
- 726E5B
- 747160
- 767364
- 777569
- 79776E
- 7B7972
- 7D7C77
- 7E7E7B
Harmonie kolorów
Komplementarna +180°
- 6F6A52
Mysterious Moss
- 64687F
≈ Swollen Sky
Analogowa -30° +30°
- 6F6A52
Mysterious Moss
- 786653
≈ Ground Pepper
- 646E57
≈ Sea Fern
Triada +120° +240°
- 6F6A52
Mysterious Moss
- 526F78
≈ Blue Sentinel
- 786271
≈ Ephemera
Komplementarna rozszczepiona +150° +210°
- 6F6A52
Mysterious Moss
- 596C7E
≈ Deadwind Pass
- 6F647A
≈ Victorian Iris
Tetrada +90° +180° +270°
- 6F6A52
Mysterious Moss
- 51716D
≈ Stone Bridge
- 64687F
≈ Swollen Sky
- 7D6166
≈ Pretty Puce
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.44:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.85:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.44:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--mysterious-moss: #6f6a52;
--mysterious-moss-rgb: 111 106 82;
--mysterious-moss-oklch: oklch(0.522 0.036 97.6);
}
.element {
color: var(--mysterious-moss);
background-color: hsl(50 15% 38%);
border-color: oklch(0.522 0.036 97.6);
}Tailwind CSS v4
@theme {
--color-mysterious-moss: #6f6a52;
--color-mysterious-moss-50: #f7f6ea;
--color-mysterious-moss-100: #eae8db;
--color-mysterious-moss-200: #d8d5c3;
--color-mysterious-moss-300: #bbb8a3;
--color-mysterious-moss-400: #a49f87;
--color-mysterious-moss-500: #8c876b;
--color-mysterious-moss-600: #77725b;
--color-mysterious-moss-700: #5f5b49;
--color-mysterious-moss-800: #464234;
--color-mysterious-moss-900: #302e24;
--color-mysterious-moss-950: #1d1b12;
}SCSS
$mysterious-moss: #6f6a52;
$mysterious-moss-rgb: 111, 106, 82;
$mysterious-moss-light: mix(#fff, $mysterious-moss, 20%);
$mysterious-moss-dark: mix(#000, $mysterious-moss, 20%);
.element {
color: $mysterious-moss;
box-shadow: 0 0 0 2px rgba($mysterious-moss, 0.35);
}