Nazwany kolor · #D3D3C8
Stony Path
Stony Path to #D3D3C8: rgb(211 211 200), hsl(60 11% 81%), oklch(0.864 0.015 106.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Stony Path color name →
#D3D3C8
oklch(0.864 0.015 106.7)
Konwersje koloru
- HEX
- #d3d3c8
- RGB
- rgb(211 211 200)
- HSL
- hsl(60 11% 81%)
- HWB
- hwb(60 78% 17%)
- OKLCH
- oklch(0.864 0.015 106.7)
- OKLab
- oklab(0.864 -0.004 0.014)
- CIE Lab
- lab(84.33 -1.45 5.47)
- LCH
- lch(84.33 5.66 104.8)
- CMYK
- cmyk(0% 0% 5% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7D7CD
- DCDCD3
- E0E0D8
- E4E4DE
- E9E9E3
- EDEDE9
- F2F2EE
- F6F6F4
- FBFBF9
Odcienie ciemniejsze
- B7B7AE
- 9C9C94
- 82827B
- 696963
- 51514C
- 3A3A36
- 242421
- 10100F
- 020202
Tony
- CACAC1
- C2C2B9
- B9B9B2
- B1B1AB
- A9A9A3
- A0A09C
- 989895
- 90908E
- 888887
Harmonie kolorów
Komplementarna +180°
- D3D3C8
Stony Path
- D1D1DC
≈ Glacier Pearl
Analogowa -30° +30°
- D3D3C8
Stony Path
- D8D1C8
≈ Bowstring
- CED5CB
≈ Celadon Glaze
Triada +120° +240°
- D3D3C8
Stony Path
- C9D4DA
≈ Mild Blue
- DACED4
≈ Light Puffball
Komplementarna rozszczepiona +150° +210°
- D3D3C8
Stony Path
- CCD3DC
≈ Ephemeral Blue
- D6CFD9
≈ Jam Session
Tetrada +90° +180° +270°
- D3D3C8
Stony Path
- C8D5D5
≈ Skydiving
- D1D1DC
≈ Glacier Pearl
- DCCECF
≈ Light Pink Linen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.50:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.92:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.92:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--stony-path: #d3d3c8;
--stony-path-rgb: 211 211 200;
--stony-path-oklch: oklch(0.864 0.015 106.7);
}
.element {
color: var(--stony-path);
background-color: hsl(60 11% 81%);
border-color: oklch(0.864 0.015 106.7);
}Tailwind CSS v4
@theme {
--color-stony-path: #d3d3c8;
--color-stony-path-50: #f5f5f1;
--color-stony-path-100: #e8e8e3;
--color-stony-path-200: #d4d5ce;
--color-stony-path-300: #b8b8af;
--color-stony-path-400: #9f9f95;
--color-stony-path-500: #87877c;
--color-stony-path-600: #727269;
--color-stony-path-700: #5b5b54;
--color-stony-path-800: #43433d;
--color-stony-path-900: #2e2e2a;
--color-stony-path-950: #1b1b17;
}SCSS
$stony-path: #d3d3c8;
$stony-path-rgb: 211, 211, 200;
$stony-path-light: mix(#fff, $stony-path, 20%);
$stony-path-dark: mix(#000, $stony-path, 20%);
.element {
color: $stony-path;
box-shadow: 0 0 0 2px rgba($stony-path, 0.35);
}