Colore con nome · #DF9C45
Pavilion Peach
Pavilion Peach è #DF9C45: rgb(223 156 69), hsl(34 71% 57%), oklch(0.742 0.129 70.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pavilion Peach color name →
#DF9C45
oklch(0.742 0.129 70.3)
Conversioni di colore
- HEX
- #df9c45
- RGB
- rgb(223 156 69)
- HSL
- hsl(34 71% 57%)
- HWB
- hwb(34 27% 13%)
- OKLCH
- oklch(0.742 0.129 70.3)
- OKLab
- oklab(0.742 0.044 0.122)
- CIE Lab
- lab(69.9 19.93 54.34)
- LCH
- lch(69.9 57.88 69.9)
- CMYK
- cmyk(0% 30% 69% 13%)
Tinte · Ombre · Toni
Tinte
- E3A65B
- E6B070
- EABA83
- EDC495
- F1CEA7
- F4D8B9
- F7E2CA
- FAEBDC
- FCF5ED
Ombre
- C2873B
- A57331
- 8A5F27
- 6F4C1E
- 563915
- 3D280C
- 271805
- 120902
- 020100
Toni
- D59A4F
- CC9757
- C2945E
- B99264
- AF8F6A
- A68C6F
- 9D8974
- 938678
- 8A837C
Armonie di colore
Complementare +180°
- DF9C45
Pavilion Peach
- 68B1FA
≈ Tiān Lán Sky
Analogo -30° +30°
- DF9C45
Pavilion Peach
- F08E6B
≈ Painted Clay
- BEAD3F
≈ Oil Yellow
Triadico +120° +240°
- DF9C45
Pavilion Peach
- 00C5BE
≈ Swimmers Pool
- C593E8
≈ Bright Lavender
Complementare divisa +150° +210°
- DF9C45
Pavilion Peach
- 23BEE4
≈ Blue Raspberry
- 9CA1FB
≈ Cold Lips
Tetradico +90° +180° +270°
- DF9C45
Pavilion Peach
- 54C490
≈ Enamelled Dragon
- 68B1FA
≈ Tiān Lán Sky
- E28AC5
≈ Blushed Bombshell
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.33:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.97:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.97:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--pavilion-peach: #df9c45;
--pavilion-peach-rgb: 223 156 69;
--pavilion-peach-oklch: oklch(0.742 0.129 70.3);
}
.element {
color: var(--pavilion-peach);
background-color: hsl(34 71% 57%);
border-color: oklch(0.742 0.129 70.3);
}Tailwind CSS v4
@theme {
--color-pavilion-peach: #df9c45;
--color-pavilion-peach-50: #fff0cd;
--color-pavilion-peach-100: #ffe2b9;
--color-pavilion-peach-200: #f7cc97;
--color-pavilion-peach-300: #e0ad6a;
--color-pavilion-peach-400: #cf903e;
--color-pavilion-peach-500: #bb7400;
--color-pavilion-peach-600: #9e6200;
--color-pavilion-peach-700: #7f4f00;
--color-pavilion-peach-800: #5f3800;
--color-pavilion-peach-900: #432701;
--color-pavilion-peach-950: #2b1500;
}SCSS
$pavilion-peach: #df9c45;
$pavilion-peach-rgb: 223, 156, 69;
$pavilion-peach-light: mix(#fff, $pavilion-peach, 20%);
$pavilion-peach-dark: mix(#000, $pavilion-peach, 20%);
.element {
color: $pavilion-peach;
box-shadow: 0 0 0 2px rgba($pavilion-peach, 0.35);
}