Najbliższy nazwany kolor · #84736D
#84736D
Najbliższy nazwany kolor: Moon Rock
#84736D (rgb(132 115 109), hsl(16 10% 47%), oklch(0.57 0.023 40.4)) jest najbliższy nazwanemu kolorowi Moon Rock. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#84736D
oklch(0.57 0.023 40.4)
Konwersje koloru
- HEX
- #84736d
- RGB
- rgb(132 115 109)
- HSL
- hsl(16 10% 47%)
- HWB
- hwb(16 43% 48%)
- OKLCH
- oklch(0.57 0.023 40.4)
- OKLab
- oklab(0.57 0.018 0.015)
- CIE Lab
- lab(49.92 6.06 5.89)
- LCH
- lch(49.92 8.45 44.2)
- CMYK
- cmyk(0% 13% 17% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 90807B
- 9C8D88
- A89B96
- B4A9A5
- C0B7B3
- CCC5C2
- D9D3D1
- E5E1E0
- F2F0EF
Odcienie ciemniejsze
- 72635E
- 60544F
- 4F4541
- 3F3633
- 2F2826
- 201B19
- 120F0D
- 060504
- 010101
Tony
- 84746F
- 837671
- 837773
- 837875
- 827A76
- 827B78
- 817C7A
- 817D7C
- 807F7E
Harmonie kolorów
Komplementarna +180°
- 84736D
Moon Rock
- 697B81
≈ Labradorite
Analogowa -30° +30°
- 84736D
Moon Rock
- 847274
≈ Roaming Pony
- 807569
≈ Jasmine Hollow
Triada +120° +240°
- 84736D
Moon Rock
- 6C7C73
≈ Boxwood
- 747685
≈ Purple Funk
Komplementarna rozszczepiona +150° +210°
- 84736D
Moon Rock
- 687C7A
≈ Polar Pond
- 6D7985
≈ Magnet Dapple
Tetrada +90° +180° +270°
- 84736D
Moon Rock
- 737A6C
≈ Thyme Green
- 697B81
≈ Labradorite
- 7C7482
≈ Dull Mauve
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.51:1 · APCA Lc 71
Ag
AANa czerni
WCAG 4.65:1 · APCA Lc 30
Najlepszy kolor tekstu: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Fragmenty kodu
CSS
:root {
--moon-rock: #84736d;
--moon-rock-rgb: 132 115 109;
--moon-rock-oklch: oklch(0.57 0.023 40.4);
}
.element {
color: var(--moon-rock);
background-color: hsl(16 10% 47%);
border-color: oklch(0.57 0.023 40.4);
}Tailwind CSS v4
@theme {
--color-moon-rock: #84736d;
--color-moon-rock-50: #fbf3f0;
--color-moon-rock-100: #efe6e2;
--color-moon-rock-200: #ddd1cd;
--color-moon-rock-300: #c2b4ae;
--color-moon-rock-400: #ab9a94;
--color-moon-rock-500: #94817b;
--color-moon-rock-600: #7e6e68;
--color-moon-rock-700: #655853;
--color-moon-rock-800: #4a403d;
--color-moon-rock-900: #332c2a;
--color-moon-rock-950: #1f1917;
}SCSS
$moon-rock: #84736d;
$moon-rock-rgb: 132, 115, 109;
$moon-rock-light: mix(#fff, $moon-rock, 20%);
$moon-rock-dark: mix(#000, $moon-rock, 20%);
.element {
color: $moon-rock;
box-shadow: 0 0 0 2px rgba($moon-rock, 0.35);
}