Benannte Farbe · #959486
Dapple Grey
Dapple Grey ist #959486: rgb(149 148 134), hsl(56 7% 55%), oklch(0.663 0.02 103.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dapple Grey color name →
#959486
oklch(0.663 0.02 103.6)
Farbumrechnungen
- HEX
- #959486
- RGB
- rgb(149 148 134)
- HSL
- hsl(56 7% 55%)
- HWB
- hwb(56 53% 42%)
- OKLCH
- oklch(0.663 0.02 103.6)
- OKLab
- oklab(0.663 -0.005 0.02)
- CIE Lab
- lab(61.1 -1.54 7.57)
- LCH
- lch(61.1 7.73 101.5)
- CMYK
- cmyk(0% 1% 10% 42%)
Tints · Shades · Tones
Tints
- 9F9E91
- A9A99D
- B4B3A9
- BEBEB5
- C9C8C1
- D3D3CD
- DEDED9
- E9E9E6
- F4F4F2
Shades
- 818074
- 6D6D62
- 5A5A51
- 484840
- 373630
- 262621
- 161613
- 080806
- 010101
Tones
- 939285
- 919085
- 8F8E84
- 8D8C84
- 8A8A83
- 888882
- 868682
- 848481
- 828281
Farbharmonien
Komplementär +180°
- 959486
Dapple Grey
- 9192A0
≈ Lilac Fields
Analog -30° +30°
- 959486
Dapple Grey
- 9B9286
≈ Keystone Taupe
- 8E968A
≈ Renegade
Triadisch +120° +240°
- 959486
Dapple Grey
- 87969C
≈ Standish Blue
- 9D8F96
≈ Autumn Orchid
Geteilt komplementär +150° +210°
- 959486
Dapple Grey
- 8B94A0
≈ Ozone
- 98909C
≈ Duchess Lilac
Tetradisch +90° +180° +270°
- 959486
Dapple Grey
- 869797
≈ Standish Blue
- 9192A0
≈ Lilac Fields
- 9F8E8F
≈ Coquina
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.06:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.85:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.85:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--dapple-grey: #959486;
--dapple-grey-rgb: 149 148 134;
--dapple-grey-oklch: oklch(0.663 0.02 103.6);
}
.element {
color: var(--dapple-grey);
background-color: hsl(56 7% 55%);
border-color: oklch(0.663 0.02 103.6);
}Tailwind CSS v4
@theme {
--color-dapple-grey: #959486;
--color-dapple-grey-50: #f6f6ef;
--color-dapple-grey-100: #e8e8e1;
--color-dapple-grey-200: #d5d5cb;
--color-dapple-grey-300: #b8b8ad;
--color-dapple-grey-400: #a09f92;
--color-dapple-grey-500: #888778;
--color-dapple-grey-600: #737266;
--color-dapple-grey-700: #5c5b51;
--color-dapple-grey-800: #44433b;
--color-dapple-grey-900: #2f2e28;
--color-dapple-grey-950: #1b1b16;
}SCSS
$dapple-grey: #959486;
$dapple-grey-rgb: 149, 148, 134;
$dapple-grey-light: mix(#fff, $dapple-grey, 20%);
$dapple-grey-dark: mix(#000, $dapple-grey, 20%);
.element {
color: $dapple-grey;
box-shadow: 0 0 0 2px rgba($dapple-grey, 0.35);
}