Colore con nome · #F8C275
Just Peachy
Just Peachy è #F8C275: rgb(248 194 117), hsl(35 90% 72%), oklch(0.847 0.113 75). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Just Peachy color name →
#F8C275
oklch(0.847 0.113 75)
Conversioni di colore
- HEX
- #f8c275
- RGB
- rgb(248 194 117)
- HSL
- hsl(35 90% 72%)
- HWB
- hwb(35 46% 3%)
- OKLCH
- oklch(0.847 0.113 75)
- OKLab
- oklab(0.847 0.029 0.109)
- CIE Lab
- lab(82.18 13.52 46.17)
- LCH
- lch(82.18 48.1 73.7)
- CMYK
- cmyk(0% 22% 53% 3%)
Tinte · Ombre · Toni
Tinte
- F9C884
- FACF93
- FBD5A1
- FCDBAF
- FCE1BC
- FDE7CA
- FEEDD7
- FEF3E5
- FFF9F2
Ombre
- D8A865
- B88F55
- 9A7746
- 7C6037
- 604929
- 45341C
- 2C200F
- 150E05
- 030201
Toni
- ECBB78
- DFB57A
- D3AE7C
- C7A87D
- BBA17E
- AF9A7F
- A39480
- 978D80
- 8C8780
Armonie di colore
Complementare +180°
- F8C275
Just Peachy
- ABD0FF
≈ Ice Cold Stare
Analogo -30° +30°
- F8C275
Just Peachy
- FFBA9C
≈ Cream Puff
- D7D176
≈ Lime Tree
Triadico +120° +240°
- F8C275
Just Peachy
- 63E4E3
≈ Near Moon
- E8B7FF
≈ Euphoria
Complementare divisa +150° +210°
- F8C275
Just Peachy
- 7DDBFF
≈ Tranquil Pool
- C7C6FF
≈ Light Periwinkle
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASu nero
WCAG 12.96:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--just-peachy: #f8c275;
--just-peachy-rgb: 248 194 117;
--just-peachy-oklch: oklch(0.847 0.113 75);
}
.element {
color: var(--just-peachy);
background-color: hsl(35 90% 72%);
border-color: oklch(0.847 0.113 75);
}Tailwind CSS v4
@theme {
--color-just-peachy: #f8c275;
--color-just-peachy-50: #fff2d2;
--color-just-peachy-100: #fee4be;
--color-just-peachy-200: #f0cf9e;
--color-just-peachy-300: #d8b074;
--color-just-peachy-400: #c5944c;
--color-just-peachy-500: #b17a16;
--color-just-peachy-600: #966717;
--color-just-peachy-700: #785213;
--color-just-peachy-800: #5a3b0c;
--color-just-peachy-900: #3f2907;
--color-just-peachy-950: #281600;
}SCSS
$just-peachy: #f8c275;
$just-peachy-rgb: 248, 194, 117;
$just-peachy-light: mix(#fff, $just-peachy, 20%);
$just-peachy-dark: mix(#000, $just-peachy, 20%);
.element {
color: $just-peachy;
box-shadow: 0 0 0 2px rgba($just-peachy, 0.35);
}