이름 색상 · #C8A4BF
Lilac Fluff
Lilac Fluff은(는) #C8A4BF: rgb(200 164 191), hsl(315 25% 71%), oklch(0.759 0.056 335.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Lilac Fluff color name →
#C8A4BF
oklch(0.759 0.056 335.1)
색상 변환
- HEX
- #c8a4bf
- RGB
- rgb(200 164 191)
- HSL
- hsl(315 25% 71%)
- HWB
- hwb(315 64% 22%)
- OKLCH
- oklch(0.759 0.056 335.1)
- OKLab
- oklab(0.759 0.051 -0.023)
- CIE Lab
- lab(71.3 17.03 -8.68)
- LCH
- lch(71.3 19.12 333)
- CMYK
- cmyk(0% 18% 4% 22%)
틴트 · 셰이드 · 톤
틴트
- CEADC5
- D3B6CC
- D9BFD2
- DEC8D8
- E4D1DF
- E9DAE5
- EFE3EC
- F4ECF2
- FAF6F8
셰이드
- AE8EA6
- 94798D
- 7B6475
- 63505E
- 4C3D48
- 362B33
- 211A1F
- 0F0A0D
- 020102
톤
- C1A0B9
- B99DB2
- B299AC
- AB96A5
- A4929F
- 9C8E99
- 958B92
- 8E878C
- 878486
색 조화
보색 +180°
- C8A4BF
Lilac Fluff
- 95BCA2
≈ Greyed Jade
유사색 -30° +30°
- C8A4BF
Lilac Fluff
- B9A8CE
≈ Lavendula
- D1A3AC
≈ Lady Flower
삼각 배색 +120° +240°
- C8A4BF
Lilac Fluff
- BCB189
≈ Weaver’s Spool
- 88BAC7
≈ Sea Angel
분열 보색 +150° +210°
- C8A4BF
Lilac Fluff
- A9B891
≈ Casa Verde
- 89BDB5
≈ Morning Green
사각 배색 +90° +180° +270°
- C8A4BF
Lilac Fluff
- CAAA8C
≈ Semolina
- 95BCA2
≈ Greyed Jade
- 94B5D2
≈ Oxygen Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.20:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.51:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.51:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--lilac-fluff: #c8a4bf;
--lilac-fluff-rgb: 200 164 191;
--lilac-fluff-oklch: oklch(0.759 0.056 335.1);
}
.element {
color: var(--lilac-fluff);
background-color: hsl(315 25% 71%);
border-color: oklch(0.759 0.056 335.1);
}Tailwind CSS v4
@theme {
--color-lilac-fluff: #c8a4bf;
--color-lilac-fluff-50: #ffeffb;
--color-lilac-fluff-100: #f5e1ef;
--color-lilac-fluff-200: #e5ccdd;
--color-lilac-fluff-300: #cbadc2;
--color-lilac-fluff-400: #b492ac;
--color-lilac-fluff-500: #9e7895;
--color-lilac-fluff-600: #86667e;
--color-lilac-fluff-700: #6b5265;
--color-lilac-fluff-800: #4e3b4b;
--color-lilac-fluff-900: #372934;
--color-lilac-fluff-950: #21171f;
}SCSS
$lilac-fluff: #c8a4bf;
$lilac-fluff-rgb: 200, 164, 191;
$lilac-fluff-light: mix(#fff, $lilac-fluff, 20%);
$lilac-fluff-dark: mix(#000, $lilac-fluff, 20%);
.element {
color: $lilac-fluff;
box-shadow: 0 0 0 2px rgba($lilac-fluff, 0.35);
}