最も近い色名 · #D1A591
#D1A591
最も近い色名: Cashmere Clay
#D1A591（rgb(209 165 145)、hsl(19 41% 69%)、oklch(0.757 0.059 45.7)）に最も近い色名はCashmere Clayです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D1A591
oklch(0.757 0.059 45.7)
カラー変換
- HEX
- #d1a591
- RGB
- rgb(209 165 145)
- HSL
- hsl(19 41% 69%)
- HWB
- hwb(19 57% 18%)
- OKLCH
- oklch(0.757 0.059 45.7)
- OKLab
- oklab(0.757 0.041 0.042)
- CIE Lab
- lab(71.47 14.63 16.91)
- LCH
- lch(71.47 22.36 49.1)
- CMYK
- cmyk(0% 21% 31% 18%)
ティント · シェード · トーン
ティント
- D6AE9C
- DBB7A6
- DFC0B1
- E4C8BC
- E9D1C7
- EDDAD2
- F2E4DD
- F6EDE8
- FBF6F4
シェード
- B58F7D
- 9B796A
- 816558
- 685146
- 503D35
- 392B25
- 231A15
- 100A07
- 020101
トーン
- C9A18F
- C19E8E
- B89A8C
- B0968B
- A89389
- A08F87
- 988B85
- 908784
- 888482
カラーハーモニー
補色 +180°
- D1A591
Cashmere Clay
- 88B9CD
≈ Blue Bird Morning
類似色 -30° +30°
- D1A591
Cashmere Clay
- D3A1A3
≈ Ruby Eye
- C6AB86
≈ Middlestone
トライアド +120° +240°
- D1A591
Cashmere Clay
- 8DBDA7
≈ Lichen
- ACABD5
≈ Monastic
スプリットコンプリメンタリー +150° +210°
- D1A591
Cashmere Clay
- 83BCBC
≈ Riverbed
- 98B2D6
≈ Echo Isles Water
テトラード +90° +180° +270°
- D1A591
Cashmere Clay
- A0B994
≈ Norway
- 88B9CD
≈ Blue Bird Morning
- BFA5CA
≈ Lavendula
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.21:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.50:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--cashmere-clay: #d1a591;
--cashmere-clay-rgb: 209 165 145;
--cashmere-clay-oklch: oklch(0.757 0.059 45.7);
}
.element {
color: var(--cashmere-clay);
background-color: hsl(19 41% 69%);
border-color: oklch(0.757 0.059 45.7);
}Tailwind CSS v4
@theme {
--color-cashmere-clay: #d1a591;
--color-cashmere-clay-50: #fff1e7;
--color-cashmere-clay-100: #fae2d7;
--color-cashmere-clay-200: #ebcdbf;
--color-cashmere-clay-300: #d2af9e;
--color-cashmere-clay-400: #bd9481;
--color-cashmere-clay-500: #a87a65;
--color-cashmere-clay-600: #8e6756;
--color-cashmere-clay-700: #725344;
--color-cashmere-clay-800: #543c32;
--color-cashmere-clay-900: #3b2922;
--color-cashmere-clay-950: #251711;
}SCSS
$cashmere-clay: #d1a591;
$cashmere-clay-rgb: 209, 165, 145;
$cashmere-clay-light: mix(#fff, $cashmere-clay, 20%);
$cashmere-clay-dark: mix(#000, $cashmere-clay, 20%);
.element {
color: $cashmere-clay;
box-shadow: 0 0 0 2px rgba($cashmere-clay, 0.35);
}