色名 · #DDC3B7
Canyon Dusk
Canyon Duskは#DDC3B7：rgb(221 195 183)、hsl(19 36% 79%)、oklch(0.836 0.034 46.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Canyon Dusk color name →
#DDC3B7
oklch(0.836 0.034 46.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- E0C9BE
- E4CFC5
- E7D5CC
- EBDBD3
- EEE1DB
- F2E7E2
- F5EDE9
- F8F3F0
- FCF9F8
シェード
- C0A99F
- A49087
- 887870
- 6E605A
- 554A45
- 3D3431
- 26201E
- 110E0C
- 020202
トーン
- D3BCB1
- CAB5AC
- C0AEA6
- B7A8A1
- AEA19B
- A49A96
- 9B9490
- 928D8B
- 898685
カラーハーモニー
補色 +180°
- DDC3B7
Canyon Dusk
- B3CEDA
≈ Stencil Blue
類似色 -30° +30°
- DDC3B7
Canyon Dusk
- DFC1C1
≈ Cameo Appearance
- D6C7B1
≈ Desert Suede
トライアド +120° +240°
- DDC3B7
Canyon Dusk
- B5D1C4
≈ Uninhibited
- C7C6DF
≈ Purple Purity
スプリットコンプリメンタリー +150° +210°
- DDC3B7
Canyon Dusk
- B1D1D0
≈ Icy Morn
- BBCBE0
≈ Arctic Grey
テトラード +90° +180° +270°
- DDC3B7
Canyon Dusk
- BFCFB9
≈ Sunlit Sea
- B3CEDA
≈ Stencil Blue
- D2C3D8
≈ Tender Violet
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.67:1 · APCA Lc 29
Ag
AAA黒の上
WCAG 12.56:1 · APCA Lc 73
最適な文字色: #000000
WCAG 12.56:1 (AAA) · APCA Lc 73
Contrast pairs
コードスニペット
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);
}