Colore con nome · #D3B699
Peach Petals
Peach Petals è #D3B699: rgb(211 182 153), hsl(30 40% 71%), oklch(0.794 0.052 67). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Petals color name →
#D3B699
oklch(0.794 0.052 67)
Conversioni di colore
- HEX
- #d3b699
- RGB
- rgb(211 182 153)
- HSL
- hsl(30 40% 71%)
- HWB
- hwb(30 60% 17%)
- OKLCH
- oklch(0.794 0.052 67)
- OKLab
- oklab(0.794 0.02 0.048)
- CIE Lab
- lab(76.04 7.55 18.87)
- LCH
- lch(76.04 20.33 68.2)
- CMYK
- cmyk(0% 14% 27% 17%)
Tinte · Ombre · Toni
Tinte
- D7BDA3
- DCC4AD
- E0CCB7
- E5D3C1
- E9DACB
- EEE1D6
- F2E9E0
- F6F0EA
- FBF8F5
Ombre
- B79E84
- 9C8670
- 826F5D
- 69594A
- 514438
- 3A3027
- 241D17
- 100C08
- 020201
Toni
- CAB197
- C2AB94
- BAA692
- B1A08F
- A99B8D
- A1958A
- 989088
- 908B85
- 888583
Armonie di colore
Complementare +180°
- D3B699
Peach Petals
- A2C0DC
≈ Everlasting
Analogo -30° +30°
- D3B699
Peach Petals
- DBB1A5
≈ Cinnamon Whip
- C5BC97
≈ Fields Afar
Triadico +120° +240°
- D3B699
Peach Petals
- 96C7C1
≈ Pastel Turquoise
- C4B4D6
≈ Plumeria
Complementare divisa +150° +210°
- D3B699
Peach Petals
- 97C5D2
≈ June
- B3B9DE
≈ Lilac Flare
Tetradico +90° +180° +270°
- D3B699
Peach Petals
- A1C6AF
≈ Lobaria Lichen
- A2C0DC
≈ Everlasting
- D2B0C8
≈ Lavender Knoll
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.92:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-petals: #d3b699;
--peach-petals-rgb: 211 182 153;
--peach-petals-oklch: oklch(0.794 0.052 67);
}
.element {
color: var(--peach-petals);
background-color: hsl(30 40% 71%);
border-color: oklch(0.794 0.052 67);
}Tailwind CSS v4
@theme {
--color-peach-petals: #d3b699;
--color-peach-petals-50: #fff3e6;
--color-peach-petals-100: #f4e5d6;
--color-peach-petals-200: #e3d1bd;
--color-peach-petals-300: #c9b39c;
--color-peach-petals-400: #b4997e;
--color-peach-petals-500: #9e8061;
--color-peach-petals-600: #856c53;
--color-peach-petals-700: #6b5742;
--color-peach-petals-800: #4f3f2f;
--color-peach-petals-900: #372b20;
--color-peach-petals-950: #221910;
}SCSS
$peach-petals: #d3b699;
$peach-petals-rgb: 211, 182, 153;
$peach-petals-light: mix(#fff, $peach-petals, 20%);
$peach-petals-dark: mix(#000, $peach-petals, 20%);
.element {
color: $peach-petals;
box-shadow: 0 0 0 2px rgba($peach-petals, 0.35);
}