Nazwany kolor · #A9856B
Nutshell
Nutshell to #A9856B: rgb(169 133 107), hsl(25 26% 54%), oklch(0.644 0.058 57.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Nutshell color name →
#A9856B
oklch(0.644 0.058 57.3)
Konwersje koloru
- HEX
- #a9856b
- RGB
- rgb(169 133 107)
- HSL
- hsl(25 26% 54%)
- HWB
- hwb(25 42% 34%)
- OKLCH
- oklch(0.644 0.058 57.3)
- OKLab
- oklab(0.644 0.031 0.049)
- CIE Lab
- lab(58.54 11.52 19.59)
- LCH
- lch(58.54 22.73 59.5)
- CMYK
- cmyk(0% 21% 37% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B29179
- BA9C87
- C3A896
- CBB4A4
- D4C1B3
- DDCDC2
- E5D9D1
- EEE6E0
- F6F2EF
Odcienie ciemniejsze
- 92735C
- 7C614E
- 67503F
- 534032
- 3F3025
- 2C2118
- 1B130D
- 0A0604
- 010100
Tony
- A5856D
- A18470
- 9D8472
- 998374
- 958376
- 918278
- 8D827A
- 88817C
- 84817E
Harmonie kolorów
Komplementarna +180°
- A9856B
Nutshell
- 6C93AD
≈ Aragonite Blue
Analogowa -30° +30°
- A9856B
Nutshell
- AE807A
≈ Night Rose
- 9C8C65
≈ Autumn Laurel
Triada +120° +240°
- A9856B
Nutshell
- 66998D
≈ Little League
- 9186AD
≈ Purple Phantom
Komplementarna rozszczepiona +150° +210°
- A9856B
Nutshell
- 62989F
≈ Shore Water
- 7E8DB1
≈ Luxury
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.35:1 · APCA Lc 61
Ag
AANa czerni
WCAG 6.25:1 · APCA Lc 41
Najlepszy kolor tekstu: #000000
WCAG 6.25:1 (AA) · APCA Lc 41
Contrast pairs
Fragmenty kodu
CSS
:root {
--nutshell: #a9856b;
--nutshell-rgb: 169 133 107;
--nutshell-oklch: oklch(0.644 0.058 57.3);
}
.element {
color: var(--nutshell);
background-color: hsl(25 26% 54%);
border-color: oklch(0.644 0.058 57.3);
}Tailwind CSS v4
@theme {
--color-nutshell: #a9856b;
--color-nutshell-50: #fff2e5;
--color-nutshell-100: #f7e4d5;
--color-nutshell-200: #e8cfbc;
--color-nutshell-300: #ceb19a;
--color-nutshell-400: #b9967d;
--color-nutshell-500: #a47d60;
--color-nutshell-600: #8b6a52;
--color-nutshell-700: #6f5441;
--color-nutshell-800: #523d2f;
--color-nutshell-900: #392a20;
--color-nutshell-950: #24180f;
}SCSS
$nutshell: #a9856b;
$nutshell-rgb: 169, 133, 107;
$nutshell-light: mix(#fff, $nutshell, 20%);
$nutshell-dark: mix(#000, $nutshell, 20%);
.element {
color: $nutshell;
box-shadow: 0 0 0 2px rgba($nutshell, 0.35);
}