Colore con nome più vicino · #DED7C6
#DED7C6
Colore con nome più vicino: Peace & Quiet
#DED7C6 (rgb(222 215 198), hsl(42 27% 82%), oklch(0.88 0.024 88.2)) è più vicino al colore con nome Peace & Quiet. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#DED7C6
oklch(0.88 0.024 88.2)
Conversioni di colore
- HEX
- #ded7c6
- RGB
- rgb(222 215 198)
- HSL
- hsl(42 27% 82%)
- HWB
- hwb(42 78% 13%)
- OKLCH
- oklch(0.88 0.024 88.2)
- OKLab
- oklab(0.88 0.001 0.024)
- CIE Lab
- lab(86.2 0.35 9.32)
- LCH
- lch(86.2 9.33 87.9)
- CMYK
- cmyk(0% 3% 11% 13%)
Tinte · Ombre · Toni
Tinte
- E1DBCC
- E5DFD1
- E8E3D7
- EBE7DD
- EEEBE2
- F2EFE8
- F5F3EE
- F8F7F3
- FCFBF9
Ombre
- C1BBAC
- A59F92
- 89857A
- 6F6B62
- 55524B
- 3D3B35
- 262521
- 12110E
- 020202
Toni
- D4CEBF
- CAC5B8
- C1BCB0
- B7B3A9
- AEAAA2
- A4A29B
- 9B9994
- 92918E
- 898887
Armonie di colore
Complementare +180°
- DED7C6
Peace & Quiet
- D1D7E8
≈ Cheerful Whisper
Analogo -30° +30°
- DED7C6
Peace & Quiet
- E4D4C8
≈ Farfalle Noodle
- D6DAC8
≈ Smoky Light
Triadico +120° +240°
- DED7C6
Peace & Quiet
- C6DCE0
≈ Byte Blue
- E1D2E0
≈ Purplish White
Complementare divisa +150° +210°
- DED7C6
Peace & Quiet
- CADAE6
≈ Blue Tulle
- D9D4E6
≈ Powder Viola White
Tetradico +90° +180° +270°
- DED7C6
Peace & Quiet
- C8DDD7
≈ Whipped Mint
- D1D7E8
≈ Cheerful Whisper
- E6D1D7
≈ Ibis Mouse
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.64:1 · APCA Lc 83
Miglior colore del testo: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--peace-quiet: #ded7c6;
--peace-quiet-rgb: 222 215 198;
--peace-quiet-oklch: oklch(0.88 0.024 88.2);
}
.element {
color: var(--peace-quiet);
background-color: hsl(42 27% 82%);
border-color: oklch(0.88 0.024 88.2);
}Tailwind CSS v4
@theme {
--color-peace-quiet: #ded7c6;
--color-peace-quiet-50: #f8f5ee;
--color-peace-quiet-100: #ebe8df;
--color-peace-quiet-200: #d8d4c9;
--color-peace-quiet-300: #bcb7aa;
--color-peace-quiet-400: #a49e8f;
--color-peace-quiet-500: #8d8674;
--color-peace-quiet-600: #777163;
--color-peace-quiet-700: #5f5a4f;
--color-peace-quiet-800: #464239;
--color-peace-quiet-900: #302d27;
--color-peace-quiet-950: #1d1a15;
}SCSS
$peace-quiet: #ded7c6;
$peace-quiet-rgb: 222, 215, 198;
$peace-quiet-light: mix(#fff, $peace-quiet, 20%);
$peace-quiet-dark: mix(#000, $peace-quiet, 20%);
.element {
color: $peace-quiet;
box-shadow: 0 0 0 2px rgba($peace-quiet, 0.35);
}