Nazwany kolor · #878786
Lunar Base
Lunar Base to #878786: rgb(135 135 134), hsl(60 0% 53%), oklch(0.623 0.001 106.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lunar Base color name →
#878786
oklch(0.623 0.001 106.4)
Konwersje koloru
- HEX
- #878786
- RGB
- rgb(135 135 134)
- HSL
- hsl(60 0% 53%)
- HWB
- hwb(60 53% 47%)
- OKLCH
- oklch(0.623 0.001 106.4)
- OKLab
- oklab(0.623 0 0.001)
- CIE Lab
- lab(56.29 -0.15 0.54)
- LCH
- lch(56.29 0.56 105.2)
- CMYK
- cmyk(0% 0% 1% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 929291
- 9E9E9D
- A9A9A9
- B5B5B5
- C1C1C1
- CDCDCD
- DADAD9
- E6E6E6
- F2F2F2
Odcienie ciemniejsze
- 757574
- 636362
- 515151
- 414140
- 313130
- 212121
- 131313
- 060606
- 010101
Tony
- 868685
- 868685
- 858584
- 848484
- 838383
- 838382
- 828282
- 818181
- 818181
Harmonie kolorów
Komplementarna +180°
- 878786
Lunar Base
- 878788
≈ Mithril
Analogowa -30° +30°
- 878786
Lunar Base
- 878786
≈ Lunar Base
- 878786
≈ Lunar Base
Triada +120° +240°
- 878786
Lunar Base
- 868788
≈ Mithril
- 888787
≈ Mithril
Komplementarna rozszczepiona +150° +210°
- 878786
Lunar Base
- 868788
≈ Mithril
- 878788
≈ Mithril
Tetrada +90° +180° +270°
- 878786
Lunar Base
- 868787
≈ Mithril
- 878788
≈ Mithril
- 888787
≈ Mithril
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.59:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.84:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.84:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--lunar-base: #878786;
--lunar-base-rgb: 135 135 134;
--lunar-base-oklch: oklch(0.623 0.001 106.4);
}
.element {
color: var(--lunar-base);
background-color: hsl(60 0% 53%);
border-color: oklch(0.623 0.001 106.4);
}Tailwind CSS v4
@theme {
--color-lunar-base: #878786;
--color-lunar-base-50: #f5f5f5;
--color-lunar-base-100: #e8e8e7;
--color-lunar-base-200: #d4d4d3;
--color-lunar-base-300: #b7b7b6;
--color-lunar-base-400: #9e9e9d;
--color-lunar-base-500: #868685;
--color-lunar-base-600: #717171;
--color-lunar-base-700: #5b5b5a;
--color-lunar-base-800: #424242;
--color-lunar-base-900: #2e2e2d;
--color-lunar-base-950: #1b1b1a;
}SCSS
$lunar-base: #878786;
$lunar-base-rgb: 135, 135, 134;
$lunar-base-light: mix(#fff, $lunar-base, 20%);
$lunar-base-dark: mix(#000, $lunar-base, 20%);
.element {
color: $lunar-base;
box-shadow: 0 0 0 2px rgba($lunar-base, 0.35);
}