最も近い色名 · #D3AEC3
#D3AEC3
最も近い色名: Purple Poodle
#D3AEC3（rgb(211 174 195)、hsl(326 30% 75%)、oklch(0.79 0.051 343.2)）に最も近い色名はPurple Poodleです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#D3AEC3
oklch(0.79 0.051 343.2)
カラー変換
- HEX
- #d3aec3
- RGB
- rgb(211 174 195)
- HSL
- hsl(326 30% 75%)
- HWB
- hwb(326 68% 17%)
- OKLCH
- oklch(0.79 0.051 343.2)
- OKLab
- oklab(0.79 0.049 -0.015)
- CIE Lab
- lab(74.92 16.44 -5.42)
- LCH
- lch(74.92 17.31 341.8)
- CMYK
- cmyk(0% 18% 8% 17%)
ティント · シェード · トーン
ティント
- D8B6C9
- DCBECF
- E1C6D5
- E5CEDB
- E9D6E1
- EEDEE7
- F2E6ED
- F6EEF3
- FBF7F9
シェード
- B797A9
- 9C8090
- 826A78
- 695560
- 51414A
- 3A2E34
- 241C20
- 100B0E
- 020102
トーン
- CAA9BC
- C2A5B5
- BAA0AE
- B19BA8
- A997A1
- A1929A
- 988E94
- 90898D
- 888586
カラーハーモニー
補色 +180°
- D3AEC3
Purple Poodle
- 9DC5B1
≈ Lobaria Lichen
類似色 -30° +30°
- D3AEC3
Purple Poodle
- C6B1D2
≈ Windsor Purple
- D9AEB1
≈ Pale Chestnut
トライアド +120° +240°
- D3AEC3
Purple Poodle
- C0BC97
≈ Esprit
- 97C2D3
≈ Neptune’s Realm
スプリットコンプリメンタリー +150° +210°
- D3AEC3
Purple Poodle
- AEC2A1
≈ Green Andara
- 95C5C4
≈ Pastel Turquoise
テトラード +90° +180° +270°
- D3AEC3
Purple Poodle
- CFB697
≈ Sugar Rush Peach Pepper
- 9DC5B1
≈ Lobaria Lichen
- A4BDDB
≈ Valour
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.61:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--purple-poodle: #d3aec3;
--purple-poodle-rgb: 211 174 195;
--purple-poodle-oklch: oklch(0.79 0.051 343.2);
}
.element {
color: var(--purple-poodle);
background-color: hsl(326 30% 75%);
border-color: oklch(0.79 0.051 343.2);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #d3aec3;
--color-purple-poodle-50: #fff0f8;
--color-purple-poodle-100: #f5e1ec;
--color-purple-poodle-200: #e5ccd9;
--color-purple-poodle-300: #ccadbd;
--color-purple-poodle-400: #b593a6;
--color-purple-poodle-500: #9f798f;
--color-purple-poodle-600: #866779;
--color-purple-poodle-700: #6c5261;
--color-purple-poodle-800: #4f3c48;
--color-purple-poodle-900: #372932;
--color-purple-poodle-950: #22171e;
}SCSS
$purple-poodle: #d3aec3;
$purple-poodle-rgb: 211, 174, 195;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}