이름 색상 · #D0C8E6
Italian Fitch
Italian Fitch은(는) #D0C8E6: rgb(208 200 230), hsl(256 38% 84%), oklch(0.849 0.042 297.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Italian Fitch color name →
#D0C8E6
oklch(0.849 0.042 297.7)
색상 변환
- HEX
- #d0c8e6
- RGB
- rgb(208 200 230)
- HSL
- hsl(256 38% 84%)
- HWB
- hwb(256 78% 10%)
- OKLCH
- oklch(0.849 0.042 297.7)
- OKLab
- oklab(0.849 0.02 -0.037)
- CIE Lab
- lab(81.97 7.12 -13.88)
- LCH
- lch(81.97 15.6 297.1)
- CMYK
- cmyk(10% 13% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- D5CDE9
- D9D3EB
- DED8EE
- E3DEF0
- E7E3F3
- ECE9F5
- F1EEF8
- F5F4FA
- FAF9FD
셰이드
- B5AEC8
- 9A94AB
- 807B8E
- 676373
- 4F4C59
- 393640
- 232128
- 100F13
- 020203
톤
- C8C1DB
- BFB9D1
- B7B2C6
- AFABBC
- A7A3B2
- 9F9CA8
- 97959E
- 8F8E94
- 88878A
색 조화
보색 +180°
- D0C8E6
Italian Fitch
- CBD1B3
≈ Meadow Glen
유사색 -30° +30°
- D0C8E6
Italian Fitch
- C1CDEA
≈ Periwinkle Grey
- DDC4DC
≈ Simply Lavender
삼각 배색 +120° +240°
- D0C8E6
Italian Fitch
- E3C7B3
≈ Novelle Peach
- B1D7CD
≈ Gemini
분열 보색 +150° +210°
- D0C8E6
Italian Fitch
- D9CCAF
≈ Soft Suede
- BCD5BE
≈ Surf
사각 배색 +90° +180° +270°
- D0C8E6
Italian Fitch
- E8C4BE
≈ Congo
- CBD1B3
≈ Meadow Glen
- AED6DC
≈ Light Jellyfish Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.08:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.08:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--italian-fitch: #d0c8e6;
--italian-fitch-rgb: 208 200 230;
--italian-fitch-oklch: oklch(0.849 0.042 297.7);
}
.element {
color: var(--italian-fitch);
background-color: hsl(256 38% 84%);
border-color: oklch(0.849 0.042 297.7);
}Tailwind CSS v4
@theme {
--color-italian-fitch: #d0c8e6;
--color-italian-fitch-50: #f7f3ff;
--color-italian-fitch-100: #eae5f4;
--color-italian-fitch-200: #d7d1e4;
--color-italian-fitch-300: #bab3ca;
--color-italian-fitch-400: #a19ab5;
--color-italian-fitch-500: #89819f;
--color-italian-fitch-600: #746d86;
--color-italian-fitch-700: #5d576c;
--color-italian-fitch-800: #434050;
--color-italian-fitch-900: #2e2c37;
--color-italian-fitch-950: #1b1922;
}SCSS
$italian-fitch: #d0c8e6;
$italian-fitch-rgb: 208, 200, 230;
$italian-fitch-light: mix(#fff, $italian-fitch, 20%);
$italian-fitch-dark: mix(#000, $italian-fitch, 20%);
.element {
color: $italian-fitch;
box-shadow: 0 0 0 2px rgba($italian-fitch, 0.35);
}