Nazwany kolor · #7F805B
Mosstone
Mosstone to #7F805B: rgb(127 128 91), hsl(62 17% 43%), oklch(0.589 0.053 109.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Mosstone color name →
#7F805B
oklch(0.589 0.053 109.2)
Konwersje koloru
- HEX
- #7f805b
- RGB
- rgb(127 128 91)
- HSL
- hsl(62 17% 43%)
- HWB
- hwb(62 36% 50%)
- OKLCH
- oklch(0.589 0.053 109.2)
- OKLab
- oklab(0.589 -0.018 0.05)
- CIE Lab
- lab(52.76 -5.11 20.04)
- LCH
- lch(52.76 20.68 104.3)
- CMYK
- cmyk(1% 0% 29% 50%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8B8C6B
- 97987A
- A4A58A
- B0B19A
- BDBEAA
- CACBBB
- D7D7CC
- E4E5DD
- F1F2EE
Odcienie ciemniejsze
- 6E6E4E
- 5D5D41
- 4C4D35
- 3C3D29
- 2D2E1E
- 1F1F13
- 111209
- 060603
- 010100
Tony
- 7F805F
- 7F8063
- 7F8067
- 7F806A
- 7F806E
- 7F8072
- 808075
- 808079
- 80807C
Harmonie kolorów
Komplementarna +180°
- 7F805B
Mosstone
- 7C789B
≈ Grape Jam
Analogowa -30° +30°
- 7F805B
Mosstone
- 8E7A59
≈ Woven Basket
- 6D8567
≈ Christmas Holly
Triada +120° +240°
- 7F805B
Mosstone
- 5B8397
≈ Blue Moon Bay
- 967082
≈ Meadow Flower
Komplementarna rozszczepiona +150° +210°
- 7F805B
Mosstone
- 6A7E9D
≈ Searching Blue
- 8B7391
≈ Self Powered
Tetrada +90° +180° +270°
- 7F805B
Mosstone
- 568789
≈ Cretan Green
- 7C789B
≈ Grape Jam
- 9A7170
≈ Bologna
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.08:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.14:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--mosstone: #7f805b;
--mosstone-rgb: 127 128 91;
--mosstone-oklch: oklch(0.589 0.053 109.2);
}
.element {
color: var(--mosstone);
background-color: hsl(62 17% 43%);
border-color: oklch(0.589 0.053 109.2);
}Tailwind CSS v4
@theme {
--color-mosstone: #7f805b;
--color-mosstone-50: #f5f7e6;
--color-mosstone-100: #e8ead6;
--color-mosstone-200: #d5d7bd;
--color-mosstone-300: #b8ba9b;
--color-mosstone-400: #a0a17d;
--color-mosstone-500: #888960;
--color-mosstone-600: #737452;
--color-mosstone-700: #5c5d41;
--color-mosstone-800: #44442e;
--color-mosstone-900: #2f2f1f;
--color-mosstone-950: #1c1b0f;
}SCSS
$mosstone: #7f805b;
$mosstone-rgb: 127, 128, 91;
$mosstone-light: mix(#fff, $mosstone, 20%);
$mosstone-dark: mix(#000, $mosstone, 20%);
.element {
color: $mosstone;
box-shadow: 0 0 0 2px rgba($mosstone, 0.35);
}