Najbliższy nazwany kolor · #A3998A
#A3998A
Najbliższy nazwany kolor: Shiitake
#A3998A (rgb(163 153 138), hsl(36 12% 59%), oklch(0.687 0.024 78.1)) jest najbliższy nazwanemu kolorowi Shiitake. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A3998A
oklch(0.687 0.024 78.1)
Konwersje koloru
- HEX
- #a3998a
- RGB
- rgb(163 153 138)
- HSL
- hsl(36 12% 59%)
- HWB
- hwb(36 54% 36%)
- OKLCH
- oklch(0.687 0.024 78.1)
- OKLab
- oklab(0.687 0.005 0.024)
- CIE Lab
- lab(63.78 1.86 9.3)
- LCH
- lch(63.78 9.49 78.7)
- CMYK
- cmyk(0% 6% 15% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- ACA395
- B5ADA0
- BEB7AC
- C7C1B7
- D0CBC3
- D9D5CF
- E3DFDB
- ECEAE7
- F5F4F3
Odcienie ciemniejsze
- 8D8477
- 787065
- 635D53
- 4F4A42
- 3C3832
- 2A2722
- 191714
- 0A0807
- 010101
Tony
- 9F9689
- 9C9488
- 989187
- 958F86
- 918C85
- 8E8A84
- 8A8783
- 878582
- 838281
Harmonie kolorów
Komplementarna +180°
- A3998A
Shiitake
- 919BAA
≈ Ornamental Silver
Analogowa -30° +30°
- A3998A
Shiitake
- A8968E
≈ Stoneware
- 9C9C8B
≈ Milk Thistle
Triada +120° +240°
- A3998A
Shiitake
- 8A9FA0
≈ Aqua Smoke
- A196A5
≈ Fortune
Komplementarna rozszczepiona +150° +210°
- A3998A
Shiitake
- 8C9EA7
≈ Lost at Sea
- 9998A9
≈ Machinery
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.80:1 · APCA Lc 54
Ag
AAANa czerni
WCAG 7.48:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--shiitake: #a3998a;
--shiitake-rgb: 163 153 138;
--shiitake-oklch: oklch(0.687 0.024 78.1);
}
.element {
color: var(--shiitake);
background-color: hsl(36 12% 59%);
border-color: oklch(0.687 0.024 78.1);
}Tailwind CSS v4
@theme {
--color-shiitake: #a3998a;
--color-shiitake-50: #f9f4ed;
--color-shiitake-100: #ece7df;
--color-shiitake-200: #dad3c9;
--color-shiitake-300: #beb6aa;
--color-shiitake-400: #a79d8f;
--color-shiitake-500: #8f8574;
--color-shiitake-600: #797063;
--color-shiitake-700: #615a4f;
--color-shiitake-800: #474139;
--color-shiitake-900: #312d27;
--color-shiitake-950: #1d1a15;
}SCSS
$shiitake: #a3998a;
$shiitake-rgb: 163, 153, 138;
$shiitake-light: mix(#fff, $shiitake, 20%);
$shiitake-dark: mix(#000, $shiitake, 20%);
.element {
color: $shiitake;
box-shadow: 0 0 0 2px rgba($shiitake, 0.35);
}