Najbliższy nazwany kolor · #D2C5A9
#D2C5A9
Najbliższy nazwany kolor: Trail Dust
#D2C5A9 (rgb(210 197 169), hsl(41 31% 74%), oklch(0.827 0.041 86.1)) jest najbliższy nazwanemu kolorowi Trail Dust. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#D2C5A9
oklch(0.827 0.041 86.1)
Konwersje koloru
- HEX
- #d2c5a9
- RGB
- rgb(210 197 169)
- HSL
- hsl(41 31% 74%)
- HWB
- hwb(41 66% 18%)
- OKLCH
- oklch(0.827 0.041 86.1)
- OKLab
- oklab(0.827 0.003 0.04)
- CIE Lab
- lab(80.05 1.36 15.83)
- LCH
- lch(80.05 15.89 85.1)
- CMYK
- cmyk(0% 6% 20% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6CBB1
- DBD0BA
- DFD6C2
- E4DCCB
- E8E2D4
- EDE8DC
- F1EDE5
- F6F3EE
- FAF9F6
Odcienie ciemniejsze
- B6AB92
- 9B927C
- 817967
- 686153
- 504B3F
- 39352C
- 24211B
- 100E0A
- 020201
Tony
- C9BEA5
- C1B7A1
- B9B09D
- B0A999
- A8A295
- A09B90
- 98948C
- 908D88
- 888784
Harmonie kolorów
Komplementarna +180°
- D2C5A9
Trail Dust
- BAC6E2
≈ California Lilac
Analogowa -30° +30°
- D2C5A9
Trail Dust
- DCC0AE
≈ Just Right
- C4CAAC
≈ Desert Hot Springs
Triada +120° +240°
- D2C5A9
Trail Dust
- A9CED3
≈ Plume
- D5BED5
≈ Cosmetic Mauve
Komplementarna rozszczepiona +150° +210°
- D2C5A9
Trail Dust
- AECBDE
≈ Life at Sea
- C8C1DE
≈ Ice Mauve
Tetrada +90° +180° +270°
- D2C5A9
Trail Dust
- ACCFC5
≈ Watershed
- BAC6E2
≈ California Lilac
- DDBCC7
≈ Fragrant Orchid
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.70:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.29:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.29:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--trail-dust: #d2c5a9;
--trail-dust-rgb: 210 197 169;
--trail-dust-oklch: oklch(0.827 0.041 86.1);
}
.element {
color: var(--trail-dust);
background-color: hsl(41 31% 74%);
border-color: oklch(0.827 0.041 86.1);
}Tailwind CSS v4
@theme {
--color-trail-dust: #d2c5a9;
--color-trail-dust-50: #faf5e8;
--color-trail-dust-100: #ede7d9;
--color-trail-dust-200: #dbd4c1;
--color-trail-dust-300: #c0b7a0;
--color-trail-dust-400: #a99d84;
--color-trail-dust-500: #928568;
--color-trail-dust-600: #7c7058;
--color-trail-dust-700: #635a46;
--color-trail-dust-800: #494132;
--color-trail-dust-900: #332d22;
--color-trail-dust-950: #1e1a11;
}SCSS
$trail-dust: #d2c5a9;
$trail-dust-rgb: 210, 197, 169;
$trail-dust-light: mix(#fff, $trail-dust, 20%);
$trail-dust-dark: mix(#000, $trail-dust, 20%);
.element {
color: $trail-dust;
box-shadow: 0 0 0 2px rgba($trail-dust, 0.35);
}