最も近い色名 · #D1C4AA
#D1C4AA
最も近い色名: Trail Dust
#D1C4AA（rgb(209 196 170)、hsl(40 30% 74%)、oklch(0.824 0.038 84.6)）に最も近い色名はTrail Dustです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D1C4AA
oklch(0.824 0.038 84.6)
カラー変換
- HEX
- #d1c4aa
- RGB
- rgb(209 196 170)
- HSL
- hsl(40 30% 74%)
- HWB
- hwb(40 67% 18%)
- OKLCH
- oklch(0.824 0.038 84.6)
- OKLab
- oklab(0.824 0.004 0.038)
- CIE Lab
- lab(79.73 1.58 14.84)
- LCH
- lch(79.73 14.92 83.9)
- CMYK
- cmyk(0% 6% 19% 18%)
ティント · シェード · トーン
ティント
- D6CAB2
- DAD0BB
- DFD5C3
- E3DBCC
- E8E1D4
- ECE7DD
- F1EDE5
- F6F3EE
- FAF9F6
シェード
- B5AA93
- 9B917D
- 817868
- 686153
- 504A3F
- 39352D
- 23211B
- 100E0B
- 020201
トーン
- C9BDA6
- C0B6A2
- B8AF9D
- B0A899
- A8A195
- A09B91
- 98948D
- 908D88
- 888784
カラーハーモニー
補色 +180°
- D1C4AA
Trail Dust
- B9C6DF
≈ Objectivity
類似色 -30° +30°
- D1C4AA
Trail Dust
- DABFAF
≈ Just Right
- C4C9AD
≈ Desert Hot Springs
トライアド +120° +240°
- D1C4AA
Trail Dust
- AACDD1
≈ Wave
- D3BDD3
≈ Cosmetic Mauve
スプリットコンプリメンタリー +150° +210°
- D1C4AA
Trail Dust
- AECADB
≈ Whiting Cottage
- C6C1DC
≈ Ice Mauve
テトラード +90° +180° +270°
- D1C4AA
Trail Dust
- ADCEC4
≈ Watershed
- B9C6DF
≈ Objectivity
- DBBCC7
≈ Fragrant Orchid
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.72:1 · APCA Lc 31
Ag
AAA黒の上
WCAG 12.18:1 · APCA Lc 72
最適な文字色: #000000
WCAG 12.18:1 (AAA) · APCA Lc 72
Contrast pairs
コードスニペット
CSS
:root {
--trail-dust: #d1c4aa;
--trail-dust-rgb: 209 196 170;
--trail-dust-oklch: oklch(0.824 0.038 84.6);
}
.element {
color: var(--trail-dust);
background-color: hsl(40 30% 74%);
border-color: oklch(0.824 0.038 84.6);
}Tailwind CSS v4
@theme {
--color-trail-dust: #d1c4aa;
--color-trail-dust-50: #faf5e9;
--color-trail-dust-100: #ede7da;
--color-trail-dust-200: #dbd4c2;
--color-trail-dust-300: #c0b7a2;
--color-trail-dust-400: #a99d85;
--color-trail-dust-500: #92856a;
--color-trail-dust-600: #7b705a;
--color-trail-dust-700: #635a47;
--color-trail-dust-800: #494133;
--color-trail-dust-900: #332d23;
--color-trail-dust-950: #1e1a12;
}SCSS
$trail-dust: #d1c4aa;
$trail-dust-rgb: 209, 196, 170;
$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);
}