Colore con nome · #F6C4A6
Peach Damask
Peach Damask è #F6C4A6: rgb(246 196 166), hsl(23 82% 81%), oklch(0.857 0.07 52.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Damask color name →
#F6C4A6
oklch(0.857 0.07 52.5)
Conversioni di colore
- HEX
- #f6c4a6
- RGB
- rgb(246 196 166)
- HSL
- hsl(23 82% 81%)
- HWB
- hwb(23 65% 4%)
- OKLCH
- oklch(0.857 0.07 52.5)
- OKLab
- oklab(0.857 0.043 0.056)
- CIE Lab
- lab(83.12 15.4 22.25)
- LCH
- lch(83.12 27.06 55.3)
- CMYK
- cmyk(0% 20% 33% 4%)
Tinte · Ombre · Toni
Tinte
- F7CAAF
- F8D0B8
- F9D6C1
- FADCCA
- FBE2D2
- FCE7DB
- FDEDE4
- FEF3ED
- FEF9F6
Ombre
- D6AA90
- B7917A
- 987865
- 7B6151
- 5F4A3E
- 45352B
- 2C211A
- 150E0A
- 030201
Toni
- EABDA2
- DEB69F
- D2AF9B
- C6A897
- BAA293
- AE9B90
- A2948C
- 978D88
- 8B8784
Armonie di colore
Complementare +180°
- F6C4A6
Peach Damask
- A2D9F7
≈ Soft Summer Rain
Analogo -30° +30°
- F6C4A6
Peach Damask
- FBBFBB
≈ Carnation Bloom
- E7CC9C
≈ Chamois
Triadico +120° +240°
- F6C4A6
Peach Damask
- A1E0CB
≈ Aqua Wish
- D1C8FB
≈ Innocent Snowdrop
Complementare divisa +150° +210°
- F6C4A6
Peach Damask
- 98DEE4
≈ Paradisiacal Getaway
- B8D1FF
≈ Ice Cold Stare
Tetradico +90° +180° +270°
- F6C4A6
Peach Damask
- B6DCB2
≈ A Mann’s Mint
- A2D9F7
≈ Soft Summer Rain
- E7C1EB
≈ Prom Corsage
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.57:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.36:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.36:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-damask: #f6c4a6;
--peach-damask-rgb: 246 196 166;
--peach-damask-oklch: oklch(0.857 0.07 52.5);
}
.element {
color: var(--peach-damask);
background-color: hsl(23 82% 81%);
border-color: oklch(0.857 0.07 52.5);
}Tailwind CSS v4
@theme {
--color-peach-damask: #f6c4a6;
--color-peach-damask-50: #fff0e3;
--color-peach-damask-100: #fbe2d2;
--color-peach-damask-200: #edcdb9;
--color-peach-damask-300: #d5ae96;
--color-peach-damask-400: #c09378;
--color-peach-damask-500: #ab795a;
--color-peach-damask-600: #91674d;
--color-peach-damask-700: #74523d;
--color-peach-damask-800: #563b2c;
--color-peach-damask-900: #3c291e;
--color-peach-damask-950: #26160e;
}SCSS
$peach-damask: #f6c4a6;
$peach-damask-rgb: 246, 196, 166;
$peach-damask-light: mix(#fff, $peach-damask, 20%);
$peach-damask-dark: mix(#000, $peach-damask, 20%);
.element {
color: $peach-damask;
box-shadow: 0 0 0 2px rgba($peach-damask, 0.35);
}