Nazwany kolor · #DDC3B7
Canyon Dusk
Canyon Dusk to #DDC3B7: rgb(221 195 183), hsl(19 36% 79%), oklch(0.836 0.034 46.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Canyon Dusk color name →
#DDC3B7
oklch(0.836 0.034 46.3)
Konwersje koloru
- HEX
- #ddc3b7
- RGB
- rgb(221 195 183)
- HSL
- hsl(19 36% 79%)
- HWB
- hwb(19 72% 13%)
- OKLCH
- oklch(0.836 0.034 46.3)
- OKLab
- oklab(0.836 0.023 0.025)
- CIE Lab
- lab(80.78 8.08 9.6)
- LCH
- lch(80.78 12.55 49.9)
- CMYK
- cmyk(0% 12% 17% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E0C9BE
- E4CFC5
- E7D5CC
- EBDBD3
- EEE1DB
- F2E7E2
- F5EDE9
- F8F3F0
- FCF9F8
Odcienie ciemniejsze
- C0A99F
- A49087
- 887870
- 6E605A
- 554A45
- 3D3431
- 26201E
- 110E0C
- 020202
Tony
- D3BCB1
- CAB5AC
- C0AEA6
- B7A8A1
- AEA19B
- A49A96
- 9B9490
- 928D8B
- 898685
Harmonie kolorów
Komplementarna +180°
- DDC3B7
Canyon Dusk
- B3CEDA
≈ Stencil Blue
Analogowa -30° +30°
- DDC3B7
Canyon Dusk
- DFC1C1
≈ Cameo Appearance
- D6C7B1
≈ Desert Suede
Triada +120° +240°
- DDC3B7
Canyon Dusk
- B5D1C4
≈ Uninhibited
- C7C6DF
≈ Purple Purity
Komplementarna rozszczepiona +150° +210°
- DDC3B7
Canyon Dusk
- B1D1D0
≈ Icy Morn
- BBCBE0
≈ Arctic Grey
Tetrada +90° +180° +270°
- DDC3B7
Canyon Dusk
- BFCFB9
≈ Sunlit Sea
- B3CEDA
≈ Stencil Blue
- D2C3D8
≈ Tender Violet
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.67:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.56:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.56:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--canyon-dusk: #ddc3b7;
--canyon-dusk-rgb: 221 195 183;
--canyon-dusk-oklch: oklch(0.836 0.034 46.3);
}
.element {
color: var(--canyon-dusk);
background-color: hsl(19 36% 79%);
border-color: oklch(0.836 0.034 46.3);
}Tailwind CSS v4
@theme {
--color-canyon-dusk: #ddc3b7;
--color-canyon-dusk-50: #fef3ed;
--color-canyon-dusk-100: #f2e5de;
--color-canyon-dusk-200: #e1d0c8;
--color-canyon-dusk-300: #c7b3a9;
--color-canyon-dusk-400: #b0998e;
--color-canyon-dusk-500: #9a8073;
--color-canyon-dusk-600: #826c62;
--color-canyon-dusk-700: #68564e;
--color-canyon-dusk-800: #4d3f39;
--color-canyon-dusk-900: #352b27;
--color-canyon-dusk-950: #211915;
}SCSS
$canyon-dusk: #ddc3b7;
$canyon-dusk-rgb: 221, 195, 183;
$canyon-dusk-light: mix(#fff, $canyon-dusk, 20%);
$canyon-dusk-dark: mix(#000, $canyon-dusk, 20%);
.element {
color: $canyon-dusk;
box-shadow: 0 0 0 2px rgba($canyon-dusk, 0.35);
}