이름 색상 · #FCC792
Sicilian Villa
Sicilian Villa은(는) #FCC792: rgb(252 199 146), hsl(30 95% 78%), oklch(0.865 0.091 66.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Sicilian Villa color name →
#FCC792
oklch(0.865 0.091 66.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- FDCD9D
- FDD2A8
- FED8B3
- FEDEBE
- FEE3C9
- FFE9D4
- FFEEDF
- FFF4EA
- FFFAF4
셰이드
- DBAD7E
- BB936B
- 9C7A58
- 7E6246
- 624C35
- 473625
- 2D2116
- 160E08
- 030201
톤
- EFC091
- E2B98F
- D6B18E
- C9AA8C
- BDA38B
- B09C89
- A49587
- 988E85
- 8C8782
색 조화
보색 +180°
- FCC792
Sicilian Villa
- ADD8FF
≈ Malmö FF
유사색 -30° +30°
- FCC792
Sicilian Villa
- FFC2B1
≈ Tropical Peach
- E4D38D
≈ Leaf Print
삼각 배색 +120° +240°
- FCC792
Sicilian Villa
- 88E6DB
≈ Sharbah Fizz
- E0C5FF
≈ Neon Boneyard
분열 보색 +150° +210°
- FCC792
Sicilian Villa
- 89E2F9
≈ Photon Barrier
- C6D0FF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- FCC792
Sicilian Villa
- A1E5BA
≈ Overtone
- ADD8FF
≈ Malmö FF
- FABCE9
≈ Pink Quartz
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.72:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.72:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
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);
}