Colore con nome · #FFA167
Peach Cobbler
Peach Cobbler è #FFA167: rgb(255 161 103), hsl(23 100% 70%), oklch(0.793 0.134 51.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Cobbler color name →
#FFA167
oklch(0.793 0.134 51.4)
Conversioni di colore
- HEX
- #ffa167
- RGB
- rgb(255 161 103)
- HSL
- hsl(23 100% 70%)
- HWB
- hwb(23 40% 0%)
- OKLCH
- oklch(0.793 0.134 51.4)
- OKLab
- oklab(0.793 0.084 0.105)
- CIE Lab
- lab(75.22 31.96 45.14)
- LCH
- lch(75.22 55.31 54.7)
- CMYK
- cmyk(0% 37% 60% 0%)
Tinte · Ombre · Toni
Tinte
- FFAB78
- FFB587
- FFBE97
- FFC8A6
- FFD1B5
- FFDAC4
- FFE4D3
- FFEDE1
- FFF6F0
Ombre
- DE8B59
- BE764B
- 9E623D
- 804E30
- 633C23
- 482A17
- 2E190C
- 160904
- 030100
Toni
- F29E6B
- E69B6F
- D99872
- CC9575
- C09277
- B38E79
- A68B7B
- 9A877D
- 8D847F
Armonie di colore
Complementare +180°
- FFA167
Peach Cobbler
- 55CAFF
≈ Thor’s Thunder
Analogo -30° +30°
- FFA167
Peach Cobbler
- FF9B99
≈ Rubber Radish
- E7B249
≈ Aztec Glimmer
Triadico +120° +240°
- FFA167
Peach Cobbler
- 47D7B1
≈ Channel Marker Green
- BCAEFF
≈ Winterspring Lilac
Complementare divisa +150° +210°
- FFA167
Peach Cobbler
- 08D4DF
≈ Aztec Turquoise
- 96BCFF
≈ Truesky Gloxym
Tetradico +90° +180° +270°
- FFA167
Peach Cobbler
- 89D17F
≈ Fluorescence
- 55CAFF
≈ Thor’s Thunder
- E39EEF
≈ VIC 20 Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.99:1 · APCA Lc 38
Ag
AAASu nero
WCAG 10.54:1 · APCA Lc 64
Miglior colore del testo: #000000
WCAG 10.54:1 (AAA) · APCA Lc 64
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-cobbler: #ffa167;
--peach-cobbler-rgb: 255 161 103;
--peach-cobbler-oklch: oklch(0.793 0.134 51.4);
}
.element {
color: var(--peach-cobbler);
background-color: hsl(23 100% 70%);
border-color: oklch(0.793 0.134 51.4);
}Tailwind CSS v4
@theme {
--color-peach-cobbler: #ffa167;
--color-peach-cobbler-50: #ffecd2;
--color-peach-cobbler-100: #ffddbf;
--color-peach-cobbler-200: #ffc59e;
--color-peach-cobbler-300: #eda475;
--color-peach-cobbler-400: #dc864f;
--color-peach-cobbler-500: #c9671f;
--color-peach-cobbler-600: #aa581d;
--color-peach-cobbler-700: #894618;
--color-peach-cobbler-800: #663211;
--color-peach-cobbler-900: #48220a;
--color-peach-cobbler-950: #2f1101;
}SCSS
$peach-cobbler: #ffa167;
$peach-cobbler-rgb: 255, 161, 103;
$peach-cobbler-light: mix(#fff, $peach-cobbler, 20%);
$peach-cobbler-dark: mix(#000, $peach-cobbler, 20%);
.element {
color: $peach-cobbler;
box-shadow: 0 0 0 2px rgba($peach-cobbler, 0.35);
}