이름 색상 · #FCC492
Tuscan Wall
Tuscan Wall은(는) #FCC492: rgb(252 196 146), hsl(28 95% 78%), oklch(0.859 0.091 62.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Tuscan Wall color name →
#FCC492
oklch(0.859 0.091 62.9)
색상 변환
- HEX
- #fcc492
- RGB
- rgb(252 196 146)
- HSL
- hsl(28 95% 78%)
- HWB
- hwb(28 57% 1%)
- OKLCH
- oklch(0.859 0.091 62.9)
- OKLab
- oklab(0.859 0.042 0.081)
- CIE Lab
- lab(83.43 16.08 33.2)
- LCH
- lch(83.43 36.89 64.2)
- CMYK
- cmyk(0% 22% 42% 1%)
틴트 · 셰이드 · 톤
틴트
- FDCA9D
- FDD0A8
- FED6B3
- FEDCBE
- FFE2C9
- FFE8D4
- FFEEDF
- FFF3E9
- FFF9F4
셰이드
- DBAA7E
- BB916B
- 9C7858
- 7E6146
- 624A35
- 473525
- 2D2116
- 160E08
- 030201
톤
- EFBD91
- E2B68F
- D6AF8E
- C9A98C
- BDA28A
- B09B89
- A49487
- 988E85
- 8C8782
색 조화
보색 +180°
- FCC492
Tuscan Wall
- A6D7FF
≈ Malmö FF
유사색 -30° +30°
- FCC492
Tuscan Wall
- FFBFB1
≈ Ruffled Parasol
- E5D08B
≈ Alchemy
삼각 배색 +120° +240°
- FCC492
Tuscan Wall
- 88E5D6
≈ Sea Foam
- DBC4FF
≈ Neon Boneyard
분열 보색 +150° +210°
- FCC492
Tuscan Wall
- 86E1F4
≈ Photon Barrier
- C1CEFF
≈ Lavender Blue
사각 배색 +90° +180° +270°
- FCC492
Tuscan Wall
- A3E3B4
≈ Overtone
- A6D7FF
≈ Malmö FF
- F5BBEB
≈ Lovecloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.45:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.45:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--tuscan-wall: #fcc492;
--tuscan-wall-rgb: 252 196 146;
--tuscan-wall-oklch: oklch(0.859 0.091 62.9);
}
.element {
color: var(--tuscan-wall);
background-color: hsl(28 95% 78%);
border-color: oklch(0.859 0.091 62.9);
}Tailwind CSS v4
@theme {
--color-tuscan-wall: #fcc492;
--color-tuscan-wall-50: #fff0db;
--color-tuscan-wall-100: #fee2c9;
--color-tuscan-wall-200: #f0cdac;
--color-tuscan-wall-300: #d9ae86;
--color-tuscan-wall-400: #c59365;
--color-tuscan-wall-500: #b17842;
--color-tuscan-wall-600: #956638;
--color-tuscan-wall-700: #78512d;
--color-tuscan-wall-800: #593b20;
--color-tuscan-wall-900: #3e2815;
--color-tuscan-wall-950: #271606;
}SCSS
$tuscan-wall: #fcc492;
$tuscan-wall-rgb: 252, 196, 146;
$tuscan-wall-light: mix(#fff, $tuscan-wall, 20%);
$tuscan-wall-dark: mix(#000, $tuscan-wall, 20%);
.element {
color: $tuscan-wall;
box-shadow: 0 0 0 2px rgba($tuscan-wall, 0.35);
}