이름 색상 · #F8DCA3
Clay Dust
Clay Dust은(는) #F8DCA3: rgb(248 220 163), hsl(40 86% 81%), oklch(0.904 0.079 84.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Clay Dust color name →
#F8DCA3
oklch(0.904 0.079 84.7)
색상 변환
- HEX
- #f8dca3
- RGB
- rgb(248 220 163)
- HSL
- hsl(40 86% 81%)
- HWB
- hwb(40 64% 3%)
- OKLCH
- oklch(0.904 0.079 84.7)
- OKLab
- oklab(0.904 0.007 0.079)
- CIE Lab
- lab(89.12 4.14 31.81)
- LCH
- lch(89.12 32.08 82.6)
- CMYK
- cmyk(0% 11% 34% 3%)
틴트 · 셰이드 · 톤
틴트
- F9E0AD
- FAE3B6
- FAE7BF
- FBEAC9
- FCEED2
- FCF1DB
- FDF5E4
- FEF8ED
- FEFCF6
셰이드
- D8BF8D
- B8A378
- 9A8863
- 7C6E4F
- 60543C
- 453C2A
- 2C2619
- 15110A
- 030201
톤
- EBD2A0
- DFC99D
- D3C099
- C6B696
- BAAD93
- AEA48F
- A39B8B
- 979288
- 8B8984
색 조화
보색 +180°
- F8DCA3
Clay Dust
- D0E0FF
≈ Arc Light
유사색 -30° +30°
- F8DCA3
Clay Dust
- FFD6BC
≈ Mom’s Love
- DDE6AA
≈ Lichen Gold
삼각 배색 +120° +240°
- F8DCA3
Clay Dust
- 9FEFF8
≈ Permafrost
- FBCEFD
≈ Pink Diamond
분열 보색 +150° +210°
- F8DCA3
Clay Dust
- BDE6FF
≈ Icy Landscape
- E1D9FF
≈ Transparent Blue
사각 배색 +90° +180° +270°
- F8DCA3
Clay Dust
- A7F1DC
≈ Magic Mint
- D0E0FF
≈ Arc Light
- FFD1E1
≈ Light Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.33:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.75:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.75:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--clay-dust: #f8dca3;
--clay-dust-rgb: 248 220 163;
--clay-dust-oklch: oklch(0.904 0.079 84.7);
}
.element {
color: var(--clay-dust);
background-color: hsl(40 86% 81%);
border-color: oklch(0.904 0.079 84.7);
}Tailwind CSS v4
@theme {
--color-clay-dust: #f8dca3;
--color-clay-dust-50: #fff4dc;
--color-clay-dust-100: #f3e7cb;
--color-clay-dust-200: #e3d3ae;
--color-clay-dust-300: #c9b589;
--color-clay-dust-400: #b49b67;
--color-clay-dust-500: #9f8245;
--color-clay-dust-600: #866e3b;
--color-clay-dust-700: #6b582f;
--color-clay-dust-800: #504021;
--color-clay-dust-900: #382c15;
--color-clay-dust-950: #221907;
}SCSS
$clay-dust: #f8dca3;
$clay-dust-rgb: 248, 220, 163;
$clay-dust-light: mix(#fff, $clay-dust, 20%);
$clay-dust-dark: mix(#000, $clay-dust, 20%);
.element {
color: $clay-dust;
box-shadow: 0 0 0 2px rgba($clay-dust, 0.35);
}