Colore con nome · #DFA479
Peach Ice Cream
Peach Ice Cream è #DFA479: rgb(223 164 121), hsl(25 61% 67%), oklch(0.765 0.091 57). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Ice Cream color name →
#DFA479
oklch(0.765 0.091 57)
Conversioni di colore
- HEX
- #dfa479
- RGB
- rgb(223 164 121)
- HSL
- hsl(25 61% 67%)
- HWB
- hwb(25 47% 13%)
- OKLCH
- oklch(0.765 0.091 57)
- OKLab
- oklab(0.765 0.049 0.076)
- CIE Lab
- lab(72.36 18.72 31.31)
- LCH
- lch(72.36 36.48 59.1)
- CMYK
- cmyk(0% 26% 46% 13%)
Tinte · Ombre · Toni
Tinte
- E3AD87
- E6B694
- EABFA1
- EDC8AF
- F0D1BC
- F3DBC9
- F7E4D7
- F9EDE4
- FCF6F1
Ombre
- C28E68
- A57958
- 8A6448
- 6F5039
- 563D2B
- 3D2B1D
- 271A10
- 120A05
- 020101
Toni
- D5A17A
- CC9D7B
- C29A7D
- B9967D
- AF927E
- A68F7F
- 9C8B7F
- 938780
- 898480
Armonie di colore
Complementare +180°
- DFA479
Peach Ice Cream
- 79BCE5
≈ Costa Rica Blue
Analogo -30° +30°
- DFA479
Peach Ice Cream
- E79C93
≈ Coral Almond
- CBAF6D
≈ Putty
Triadico +120° +240°
- DFA479
Peach Ice Cream
- 6EC6B1
≈ Miami Teal
- B8A7E6
≈ Maximum Blue Purple
Complementare divisa +150° +210°
- DFA479
Peach Ice Cream
- 65C3D0
≈ Arctic Ocean
- 99B1ED
≈ Wondrous Wisteria
Tetradico +90° +180° +270°
- DFA479
Peach Ice Cream
- 8CC391
≈ Country Weekend
- 79BCE5
≈ Costa Rica Blue
- D29ED1
≈ Velvet Horizon
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.72:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.72:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-ice-cream: #dfa479;
--peach-ice-cream-rgb: 223 164 121;
--peach-ice-cream-oklch: oklch(0.765 0.091 57);
}
.element {
color: var(--peach-ice-cream);
background-color: hsl(25 61% 67%);
border-color: oklch(0.765 0.091 57);
}Tailwind CSS v4
@theme {
--color-peach-ice-cream: #dfa479;
--color-peach-ice-cream-50: #fff0dc;
--color-peach-ice-cream-100: #ffe1cb;
--color-peach-ice-cream-200: #f2ccae;
--color-peach-ice-cream-300: #dbad89;
--color-peach-ice-cream-400: #c89169;
--color-peach-ice-cream-500: #b37647;
--color-peach-ice-cream-600: #98643d;
--color-peach-ice-cream-700: #7a5030;
--color-peach-ice-cream-800: #5b3a22;
--color-peach-ice-cream-900: #3f2717;
--color-peach-ice-cream-950: #281508;
}SCSS
$peach-ice-cream: #dfa479;
$peach-ice-cream-rgb: 223, 164, 121;
$peach-ice-cream-light: mix(#fff, $peach-ice-cream, 20%);
$peach-ice-cream-dark: mix(#000, $peach-ice-cream, 20%);
.element {
color: $peach-ice-cream;
box-shadow: 0 0 0 2px rgba($peach-ice-cream, 0.35);
}