Named color · #FCC792
Sicilian Villa
Sicilian Villa is #FCC792: rgb(252 199 146), hsl(30 95% 78%), oklch(0.865 0.091 66.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Sicilian Villa color name →
#FCC792
oklch(0.865 0.091 66.1)
Color conversions
- HEX
- #fcc792
- RGB
- rgb(252 199 146)
- HSL
- hsl(30 95% 78%)
- HWB
- hwb(30 57% 1%)
- OKLCH
- oklch(0.865 0.091 66.1)
- OKLab
- oklab(0.865 0.037 0.083)
- CIE Lab
- lab(84.14 14.6 34.12)
- LCH
- lch(84.14 37.11 66.8)
- CMYK
- cmyk(0% 21% 42% 1%)
Tints · Shades · Tones
Tints
- FDCD9D
- FDD2A8
- FED8B3
- FEDEBE
- FEE3C9
- FFE9D4
- FFEEDF
- FFF4EA
- FFFAF4
Shades
- DBAD7E
- BB936B
- 9C7A58
- 7E6246
- 624C35
- 473625
- 2D2116
- 160E08
- 030201
Tones
- EFC091
- E2B98F
- D6B18E
- C9AA8C
- BDA38B
- B09C89
- A49587
- 988E85
- 8C8782
Color harmonies
Complementary +180°
- FCC792
Sicilian Villa
- ADD8FF
≈ Malmö FF
Analogous -30° +30°
- FCC792
Sicilian Villa
- FFC2B1
≈ Tropical Peach
- E4D38D
≈ Leaf Print
Triadic +120° +240°
- FCC792
Sicilian Villa
- 88E6DB
≈ Sharbah Fizz
- E0C5FF
≈ Neon Boneyard
Split-complementary +150° +210°
- FCC792
Sicilian Villa
- 89E2F9
≈ Photon Barrier
- C6D0FF
≈ Lavender Blue
Tetradic +90° +180° +270°
- FCC792
Sicilian Villa
- A1E5BA
≈ Overtone
- ADD8FF
≈ Malmö FF
- FABCE9
≈ Pink Quartz
Contrast & accessibility
Ag
FailOn white
WCAG 1.53:1 · APCA Lc 24
Ag
AAAOn black
WCAG 13.72:1 · APCA Lc 79
Best text color: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
Code snippets
CSS
:root {
--sicilian-villa: #fcc792;
--sicilian-villa-rgb: 252 199 146;
--sicilian-villa-oklch: oklch(0.865 0.091 66.1);
}
.element {
color: var(--sicilian-villa);
background-color: hsl(30 95% 78%);
border-color: oklch(0.865 0.091 66.1);
}Tailwind CSS v4
@theme {
--color-sicilian-villa: #fcc792;
--color-sicilian-villa-50: #fff1da;
--color-sicilian-villa-100: #fde3c8;
--color-sicilian-villa-200: #efceab;
--color-sicilian-villa-300: #d7af85;
--color-sicilian-villa-400: #c39463;
--color-sicilian-villa-500: #af793f;
--color-sicilian-villa-600: #946737;
--color-sicilian-villa-700: #77522b;
--color-sicilian-villa-800: #583b1e;
--color-sicilian-villa-900: #3e2914;
--color-sicilian-villa-950: #271606;
}SCSS
$sicilian-villa: #fcc792;
$sicilian-villa-rgb: 252, 199, 146;
$sicilian-villa-light: mix(#fff, $sicilian-villa, 20%);
$sicilian-villa-dark: mix(#000, $sicilian-villa, 20%);
.element {
color: $sicilian-villa;
box-shadow: 0 0 0 2px rgba($sicilian-villa, 0.35);
}