Colore con nome · #D29487
Peach Preserve
Peach Preserve è #D29487: rgb(210 148 135), hsl(10 45% 68%), oklch(0.724 0.078 32.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Peach Preserve color name →
#D29487
oklch(0.724 0.078 32.2)
Conversioni di colore
- HEX
- #d29487
- RGB
- rgb(210 148 135)
- HSL
- hsl(10 45% 68%)
- HWB
- hwb(10 53% 18%)
- OKLCH
- oklch(0.724 0.078 32.2)
- OKLab
- oklab(0.724 0.066 0.042)
- CIE Lab
- lab(67.31 22.85 16.74)
- LCH
- lch(67.31 28.32 36.2)
- CMYK
- cmyk(0% 30% 36% 18%)
Tinte · Ombre · Toni
Tinte
- D79F93
- DCA99E
- E1B4AA
- E6BEB6
- EAC9C2
- EFD4CE
- F3DEDA
- F7E9E6
- FBF4F3
Ombre
- B68075
- 9B6D63
- 815A51
- 684841
- 503631
- 392621
- 241613
- 100806
- 020101
Toni
- CA9286
- C29086
- BA8E85
- B18C85
- A98B84
- A18883
- 998682
- 918482
- 888281
Armonie di colore
Complementare +180°
- D29487
Peach Preserve
- 68B3C2
≈ Riverside Blue
Analogo -30° +30°
- D29487
Peach Preserve
- D091A2
≈ Madagascar Pink
- C99B73
≈ Chimaera Brown
Triadico +120° +240°
- D29487
Peach Preserve
- 80B48E
≈ Veiled Chameleon
- 95A3D7
≈ Dalmatian Sage
Complementare divisa +150° +210°
- D29487
Peach Preserve
- 6BB6AA
≈ Lenticular Ore
- 7AACD3
≈ Blue Eyes
Tetradico +90° +180° +270°
- D29487
Peach Preserve
- 9DAE77
≈ Siamese Green
- 68B3C2
≈ Riverside Blue
- AF9ACF
≈ Biloba Flower
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.52:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.32:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.32:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-preserve: #d29487;
--peach-preserve-rgb: 210 148 135;
--peach-preserve-oklch: oklch(0.724 0.078 32.2);
}
.element {
color: var(--peach-preserve);
background-color: hsl(10 45% 68%);
border-color: oklch(0.724 0.078 32.2);
}Tailwind CSS v4
@theme {
--color-peach-preserve: #d29487;
--color-peach-preserve-50: #ffeee7;
--color-peach-preserve-100: #ffdfd7;
--color-peach-preserve-200: #f4c9bf;
--color-peach-preserve-300: #dcaa9d;
--color-peach-preserve-400: #c88e81;
--color-peach-preserve-500: #b47365;
--color-peach-preserve-600: #986156;
--color-peach-preserve-700: #7a4e44;
--color-peach-preserve-800: #5a3832;
--color-peach-preserve-900: #3f2622;
--color-peach-preserve-950: #281511;
}SCSS
$peach-preserve: #d29487;
$peach-preserve-rgb: 210, 148, 135;
$peach-preserve-light: mix(#fff, $peach-preserve, 20%);
$peach-preserve-dark: mix(#000, $peach-preserve, 20%);
.element {
color: $peach-preserve;
box-shadow: 0 0 0 2px rgba($peach-preserve, 0.35);
}