Colore con nome più vicino · #D3AEC3
#D3AEC3
Colore con nome più vicino: Purple Poodle
#D3AEC3 (rgb(211 174 195), hsl(326 30% 75%), oklch(0.79 0.051 343.2)) è più vicino al colore con nome Purple Poodle. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D3AEC3
oklch(0.79 0.051 343.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- D8B6C9
- DCBECF
- E1C6D5
- E5CEDB
- E9D6E1
- EEDEE7
- F2E6ED
- F6EEF3
- FBF7F9
Ombre
- B797A9
- 9C8090
- 826A78
- 695560
- 51414A
- 3A2E34
- 241C20
- 100B0E
- 020102
Toni
- CAA9BC
- C2A5B5
- BAA0AE
- B19BA8
- A997A1
- A1929A
- 988E94
- 90898D
- 888586
Armonie di colore
Complementare +180°
- D3AEC3
Purple Poodle
- 9DC5B1
≈ Lobaria Lichen
Analogo -30° +30°
- D3AEC3
Purple Poodle
- C6B1D2
≈ Windsor Purple
- D9AEB1
≈ Pale Chestnut
Triadico +120° +240°
- D3AEC3
Purple Poodle
- C0BC97
≈ Esprit
- 97C2D3
≈ Neptune’s Realm
Complementare divisa +150° +210°
- D3AEC3
Purple Poodle
- AEC2A1
≈ Green Andara
- 95C5C4
≈ Pastel Turquoise
Tetradico +90° +180° +270°
- D3AEC3
Purple Poodle
- CFB697
≈ Sugar Rush Peach Pepper
- 9DC5B1
≈ Lobaria Lichen
- A4BDDB
≈ Valour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.61:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.61:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
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);
}