이름 색상 · #D79979
Italian Clay
Italian Clay은(는) #D79979: rgb(215 153 121), hsl(20 54% 66%), oklch(0.735 0.087 48.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Italian Clay color name →
#D79979
oklch(0.735 0.087 48.2)
색상 변환
- HEX
- #d79979
- RGB
- rgb(215 153 121)
- HSL
- hsl(20 54% 66%)
- HWB
- hwb(20 47% 16%)
- OKLCH
- oklch(0.735 0.087 48.2)
- OKLab
- oklab(0.735 0.058 0.065)
- CIE Lab
- lab(68.83 21.12 26.56)
- LCH
- lch(68.83 33.93 51.5)
- CMYK
- cmyk(0% 29% 44% 16%)
틴트 · 셰이드 · 톤
틴트
- DCA386
- E0AD93
- E4B7A1
- E8C2AE
- EDCCBB
- F0D6C9
- F4E0D6
- F8EAE4
- FCF5F1
셰이드
- BB8468
- 9F7058
- 855D48
- 6B4A39
- 52382B
- 3B271D
- 251710
- 110805
- 020101
톤
- CE977A
- C6947B
- BD927C
- B4907D
- AC8D7E
- A38B7E
- 9A887F
- 92857F
- 898380
색 조화
보색 +180°
- D79979
Italian Clay
- 6BB4D5
≈ Skyscape
유사색 -30° +30°
- D79979
Italian Clay
- DB9394
≈ Pink Clay Pot
- C8A369
≈ Classic Gold
삼각 배색 +120° +240°
- D79979
Italian Clay
- 6FBB9F
≈ Arboretum
- A6A1DE
≈ Simply Violet
분열 보색 +150° +210°
- D79979
Italian Clay
- 5FBABD
≈ Dickie Bird
- 88ABE0
≈ Queer Blue
사각 배색 +90° +180° +270°
- D79979
Italian Clay
- 8EB781
≈ Aniseed Leaf Green
- 6BB4D5
≈ Skyscape
- C198CD
≈ Amethyst Show
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.40:1 · APCA Lc 47
Ag
AAA검은색 위
WCAG 8.72:1 · APCA Lc 55
가장 좋은 글자색: #000000
WCAG 8.72:1 (AAA) · APCA Lc 55
Contrast pairs
코드 스니펫
CSS
:root {
--italian-clay: #d79979;
--italian-clay-rgb: 215 153 121;
--italian-clay-oklch: oklch(0.735 0.087 48.2);
}
.element {
color: var(--italian-clay);
background-color: hsl(20 54% 66%);
border-color: oklch(0.735 0.087 48.2);
}Tailwind CSS v4
@theme {
--color-italian-clay: #d79979;
--color-italian-clay-50: #ffefdf;
--color-italian-clay-100: #ffe0cf;
--color-italian-clay-200: #f4cab4;
--color-italian-clay-300: #ddab90;
--color-italian-clay-400: #c98f71;
--color-italian-clay-500: #b57451;
--color-italian-clay-600: #996246;
--color-italian-clay-700: #7b4f37;
--color-italian-clay-800: #5b3928;
--color-italian-clay-900: #40271b;
--color-italian-clay-950: #29150b;
}SCSS
$italian-clay: #d79979;
$italian-clay-rgb: 215, 153, 121;
$italian-clay-light: mix(#fff, $italian-clay, 20%);
$italian-clay-dark: mix(#000, $italian-clay, 20%);
.element {
color: $italian-clay;
box-shadow: 0 0 0 2px rgba($italian-clay, 0.35);
}