Benannte Farbe · #F0C484
Sunset in Italy
Sunset in Italy ist #F0C484: rgb(240 196 132), hsl(36 78% 73%), oklch(0.845 0.096 76.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Sunset in Italy color name →
#F0C484
oklch(0.845 0.096 76.2)
Farbumrechnungen
- HEX
- #f0c484
- RGB
- rgb(240 196 132)
- HSL
- hsl(36 78% 73%)
- HWB
- hwb(36 52% 6%)
- OKLCH
- oklch(0.845 0.096 76.2)
- OKLab
- oklab(0.845 0.023 0.093)
- CIE Lab
- lab(82.03 10.29 38.28)
- LCH
- lch(82.03 39.64 75)
- CMYK
- cmyk(0% 18% 45% 6%)
Tints · Shades · Tones
Tints
- F2CA91
- F3D09E
- F5D6AA
- F7DCB6
- F8E2C3
- FAE8CF
- FBEEDB
- FCF3E7
- FEF9F3
Shades
- D1AA72
- B29160
- 95784F
- 78613F
- 5D4A2F
- 433520
- 2A2112
- 140E06
- 030201
Tones
- E4BD84
- D9B685
- CDAF85
- C2A985
- B7A284
- AC9B84
- A19483
- 968E82
- 8B8781
Farbharmonien
Komplementär +180°
- F0C484
Sunset in Italy
- ABCFFF
≈ Night Snow
Analog -30° +30°
- F0C484
Sunset in Italy
- FFBA99
≈ Cream Puff
- D4D186
≈ Treasury
Triadisch +120° +240°
- F0C484
Sunset in Italy
- 7AE0E1
≈ Cold Blue
- E5B9F6
≈ Lavender Fragrance
Geteilt komplementär +150° +210°
- F0C484
Sunset in Italy
- 84D9FC
≈ Tranquil Pool
- C7C5FF
≈ Light Periwinkle
Tetradisch +90° +180° +270°
- F0C484
Sunset in Italy
- 8DE0BE
≈ Sprig of Mint
- ABCFFF
≈ Night Snow
- FBB3D9
≈ Lavender Candy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.62:1 · APCA Lc 28
Ag
AAAAuf Schwarz
WCAG 12.93:1 · APCA Lc 75
Beste Textfarbe: #000000
WCAG 12.93:1 (AAA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--sunset-in-italy: #f0c484;
--sunset-in-italy-rgb: 240 196 132;
--sunset-in-italy-oklch: oklch(0.845 0.096 76.2);
}
.element {
color: var(--sunset-in-italy);
background-color: hsl(36 78% 73%);
border-color: oklch(0.845 0.096 76.2);
}Tailwind CSS v4
@theme {
--color-sunset-in-italy: #f0c484;
--color-sunset-in-italy-50: #fff3d7;
--color-sunset-in-italy-100: #fae5c5;
--color-sunset-in-italy-200: #ebd0a7;
--color-sunset-in-italy-300: #d2b27f;
--color-sunset-in-italy-400: #bf975b;
--color-sunset-in-italy-500: #aa7d34;
--color-sunset-in-italy-600: #906a2e;
--color-sunset-in-italy-700: #735524;
--color-sunset-in-italy-800: #563d19;
--color-sunset-in-italy-900: #3c2a10;
--color-sunset-in-italy-950: #261703;
}SCSS
$sunset-in-italy: #f0c484;
$sunset-in-italy-rgb: 240, 196, 132;
$sunset-in-italy-light: mix(#fff, $sunset-in-italy, 20%);
$sunset-in-italy-dark: mix(#000, $sunset-in-italy, 20%);
.element {
color: $sunset-in-italy;
box-shadow: 0 0 0 2px rgba($sunset-in-italy, 0.35);
}