Colore con nome · #F0C39F
Carving Party
Carving Party è #F0C39F: rgb(240 195 159), hsl(27 73% 78%), oklch(0.848 0.07 60.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Carving Party color name →
#F0C39F
oklch(0.848 0.07 60.3)
Conversioni di colore
- HEX
- #f0c39f
- RGB
- rgb(240 195 159)
- HSL
- hsl(27 73% 78%)
- HWB
- hwb(27 62% 6%)
- OKLCH
- oklch(0.848 0.07 60.3)
- OKLab
- oklab(0.848 0.035 0.061)
- CIE Lab
- lab(82.17 12.94 24.52)
- LCH
- lch(82.17 27.73 62.2)
- CMYK
- cmyk(0% 19% 34% 6%)
Tinte · Ombre · Toni
Tinte
- F2C9A9
- F3CFB2
- F5D5BC
- F7DBC5
- F8E1CF
- FAE7D9
- FBEDE2
- FCF3EC
- FEF9F5
Ombre
- D1A98A
- B29075
- 957861
- 78604D
- 5D4A3B
- 433429
- 2A2018
- 140E09
- 030201
Toni
- E4BC9C
- D9B599
- CDAF96
- C2A893
- B7A190
- AC9A8D
- A1948A
- 968D87
- 8B8783
Armonie di colore
Complementare +180°
- F0C39F
Carving Party
- A4D4F7
≈ Juzcar Blue
Analogo -30° +30°
- F0C39F
Carving Party
- F8BDB2
≈ Sweet Nectar
- DFCC98
≈ Desert Temple
Triadico +120° +240°
- F0C39F
Carving Party
- 9ADDCF
≈ Tropical Freeze
- D4C3F5
≈ Innocent Snowdrop
Complementare divisa +150° +210°
- F0C39F
Carving Party
- 96DAE7
≈ Cool Water Lake
- BBCCFC
≈ Light Periwinkle
Tetradico +90° +180° +270°
- F0C39F
Carving Party
- ADDBB5
≈ Celtic Spring
- A4D4F7
≈ Juzcar Blue
- E8BDE3
≈ Blackberry Yoghurt
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASu nero
WCAG 13.01:1 · APCA Lc 75
Miglior colore del testo: #000000
WCAG 13.01:1 (AAA) · APCA Lc 75
Contrast pairs
Frammenti di codice
CSS
:root {
--carving-party: #f0c39f;
--carving-party-rgb: 240 195 159;
--carving-party-oklch: oklch(0.848 0.07 60.3);
}
.element {
color: var(--carving-party);
background-color: hsl(27 73% 78%);
border-color: oklch(0.848 0.07 60.3);
}Tailwind CSS v4
@theme {
--color-carving-party: #f0c39f;
--color-carving-party-50: #fff1e1;
--color-carving-party-100: #fae3d1;
--color-carving-party-200: #ebceb6;
--color-carving-party-300: #d2b093;
--color-carving-party-400: #be9574;
--color-carving-party-500: #a97b55;
--color-carving-party-600: #8f6849;
--color-carving-party-700: #72533a;
--color-carving-party-800: #553c2a;
--color-carving-party-900: #3b291c;
--color-carving-party-950: #25170c;
}SCSS
$carving-party: #f0c39f;
$carving-party-rgb: 240, 195, 159;
$carving-party-light: mix(#fff, $carving-party, 20%);
$carving-party-dark: mix(#000, $carving-party, 20%);
.element {
color: $carving-party;
box-shadow: 0 0 0 2px rgba($carving-party, 0.35);
}