Nazwany kolor · #D8C7B6
Dry Creek
Dry Creek to #D8C7B6: rgb(216 199 182), hsl(30 30% 78%), oklch(0.839 0.03 67.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dry Creek color name →
#D8C7B6
oklch(0.839 0.03 67.4)
Konwersje koloru
- HEX
- #d8c7b6
- RGB
- rgb(216 199 182)
- HSL
- hsl(30 30% 78%)
- HWB
- hwb(30 71% 15%)
- OKLCH
- oklch(0.839 0.03 67.4)
- OKLab
- oklab(0.839 0.012 0.028)
- CIE Lab
- lab(81.32 4.1 10.81)
- LCH
- lch(81.32 11.56 69.2)
- CMYK
- cmyk(0% 8% 16% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DCCDBD
- E0D2C4
- E4D8CC
- E8DDD3
- EBE3DA
- EFE8E1
- F3EEE9
- F7F4F0
- FBF9F8
Odcienie ciemniejsze
- BCAD9E
- A09386
- 857A6F
- 6B6259
- 534C44
- 3B3630
- 25211D
- 110E0C
- 020202
Tony
- CFC0B0
- C6B8AB
- BDB1A6
- B4AAA0
- ABA39B
- A29C95
- 9A9590
- 918E8B
- 888785
Harmonie kolorów
Komplementarna +180°
- D8C7B6
Dry Creek
- BBCDDD
≈ Arctic Grey
Analogowa -30° +30°
- D8C7B6
Dry Creek
- DDC4BD
≈ Shell
- CFCBB5
≈ Skipping Stone
Triada +120° +240°
- D8C7B6
Dry Creek
- B5D1CD
≈ Malaysian Mist
- CFC5DA
≈ Angel Kiss
Komplementarna rozszczepiona +150° +210°
- D8C7B6
Dry Creek
- B5D0D7
≈ Midsummer’s Dream
- C5C9DE
≈ Periwinkle Powder
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.76:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--dry-creek: #d8c7b6;
--dry-creek-rgb: 216 199 182;
--dry-creek-oklch: oklch(0.839 0.03 67.4);
}
.element {
color: var(--dry-creek);
background-color: hsl(30 30% 78%);
border-color: oklch(0.839 0.03 67.4);
}Tailwind CSS v4
@theme {
--color-dry-creek: #d8c7b6;
--color-dry-creek-50: #fbf4ec;
--color-dry-creek-100: #efe6dd;
--color-dry-creek-200: #ddd2c7;
--color-dry-creek-300: #c2b5a7;
--color-dry-creek-400: #ab9b8c;
--color-dry-creek-500: #948371;
--color-dry-creek-600: #7d6f60;
--color-dry-creek-700: #64584d;
--color-dry-creek-800: #4a4038;
--color-dry-creek-900: #332c26;
--color-dry-creek-950: #1f1914;
}SCSS
$dry-creek: #d8c7b6;
$dry-creek-rgb: 216, 199, 182;
$dry-creek-light: mix(#fff, $dry-creek, 20%);
$dry-creek-dark: mix(#000, $dry-creek, 20%);
.element {
color: $dry-creek;
box-shadow: 0 0 0 2px rgba($dry-creek, 0.35);
}