Benannte Farbe · #9F8C7C
Smokey Tan
Smokey Tan ist #9F8C7C: rgb(159 140 124), hsl(27 15% 55%), oklch(0.653 0.033 62.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Smokey Tan color name →
#9F8C7C
oklch(0.653 0.033 62.3)
Farbumrechnungen
- HEX
- #9f8c7c
- RGB
- rgb(159 140 124)
- HSL
- hsl(27 15% 55%)
- HWB
- hwb(27 49% 38%)
- OKLCH
- oklch(0.653 0.033 62.3)
- OKLab
- oklab(0.653 0.015 0.029)
- CIE Lab
- lab(59.65 5.42 11.34)
- LCH
- lch(59.65 12.57 64.4)
- CMYK
- cmyk(0% 12% 22% 38%)
Tints · Shades · Tones
Tints
- A89788
- B2A295
- BBADA2
- C5B9AF
- CEC4BC
- D8D0C9
- E2DBD6
- EBE7E4
- F5F3F1
Shades
- 8A796B
- 75675A
- 61554A
- 4D433B
- 3B332C
- 29231E
- 181411
- 090705
- 010101
Tones
- 9C8B7C
- 998A7D
- 96887D
- 93877E
- 90867E
- 8C857F
- 89847F
- 86827F
- 838180
Farbharmonien
Komplementär +180°
- 9F8C7C
Smokey Tan
- 7F93A3
≈ Dusty Blue
Analog -30° +30°
- 9F8C7C
Smokey Tan
- A38984
≈ Attitude
- 97907A
≈ Bunglehouse Beige
Triadisch +120° +240°
- 9F8C7C
Smokey Tan
- 7B9791
≈ Secluded Garden
- 938CA1
≈ Gentle Mauve
Geteilt komplementär +150° +210°
- 9F8C7C
Smokey Tan
- 7A969C
≈ Kingfisher Grey
- 898FA5
≈ Dusty Heather
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.22:1 · APCA Lc 59
Ag
AAAuf Schwarz
WCAG 6.51:1 · APCA Lc 42
Beste Textfarbe: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Code-Snippets
CSS
:root {
--smokey-tan: #9f8c7c;
--smokey-tan-rgb: 159 140 124;
--smokey-tan-oklch: oklch(0.653 0.033 62.3);
}
.element {
color: var(--smokey-tan);
background-color: hsl(27 15% 55%);
border-color: oklch(0.653 0.033 62.3);
}Tailwind CSS v4
@theme {
--color-smokey-tan: #9f8c7c;
--color-smokey-tan-50: #fcf3ec;
--color-smokey-tan-100: #f0e6dd;
--color-smokey-tan-200: #dfd2c6;
--color-smokey-tan-300: #c4b4a7;
--color-smokey-tan-400: #ad9b8b;
--color-smokey-tan-500: #968270;
--color-smokey-tan-600: #7f6e5f;
--color-smokey-tan-700: #66584c;
--color-smokey-tan-800: #4b4037;
--color-smokey-tan-900: #342c26;
--color-smokey-tan-950: #201914;
}SCSS
$smokey-tan: #9f8c7c;
$smokey-tan-rgb: 159, 140, 124;
$smokey-tan-light: mix(#fff, $smokey-tan, 20%);
$smokey-tan-dark: mix(#000, $smokey-tan, 20%);
.element {
color: $smokey-tan;
box-shadow: 0 0 0 2px rgba($smokey-tan, 0.35);
}