이름 색상 · #BDB0D0
Pastel Lilac
Pastel Lilac은(는) #BDB0D0: rgb(189 176 208), hsl(264 25% 75%), oklch(0.778 0.047 303.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Pastel Lilac color name →
#BDB0D0
oklch(0.778 0.047 303.8)
색상 변환
- HEX
- #bdb0d0
- RGB
- rgb(189 176 208)
- HSL
- hsl(264 25% 75%)
- HWB
- hwb(264 69% 18%)
- OKLCH
- oklch(0.778 0.047 303.8)
- OKLab
- oklab(0.778 0.026 -0.039)
- CIE Lab
- lab(73.72 9.36 -14.52)
- LCH
- lch(73.72 17.27 302.8)
- CMYK
- cmyk(9% 15% 0% 18%)
틴트 · 셰이드 · 톤
틴트
- C3B8D5
- CABFD9
- D0C7DE
- D7CFE3
- DED7E8
- E4DFEC
- EBE7F1
- F1EFF6
- F8F7FA
셰이드
- A499B5
- 8C829A
- 746C80
- 5D5667
- 47424F
- 332E39
- 1F1C23
- 0D0B10
- 020102
톤
- B7ABC8
- B0A6C0
- AAA1B7
- A49DAF
- 9E98A7
- 98939F
- 928E97
- 8C8990
- 868588
색 조화
보색 +180°
- BDB0D0
Pastel Lilac
- B0BC9C
≈ Pale Sage
유사색 -30° +30°
- BDB0D0
Pastel Lilac
- ADB5D6
≈ Lilac Sachet
- CAACC4
≈ Winsome Orchid
삼각 배색 +120° +240°
- BDB0D0
Pastel Lilac
- CDB198
≈ Tawny Tan
- 96C1BA
≈ Envisage
분열 보색 +150° +210°
- BDB0D0
Pastel Lilac
- C1B795
≈ Withered Moss
- A1C0A9
≈ Spring Reflection
사각 배색 +90° +180° +270°
- BDB0D0
Pastel Lilac
- D3ADA3
≈ Rose Smoke
- B0BC9C
≈ Pale Sage
- 95BFC9
≈ Porcelain Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.04:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.28:1 · APCA Lc 63
가장 좋은 글자색: #000000
WCAG 10.28:1 (AAA) · APCA Lc 63
Contrast pairs
코드 스니펫
CSS
:root {
--pastel-lilac: #bdb0d0;
--pastel-lilac-rgb: 189 176 208;
--pastel-lilac-oklch: oklch(0.778 0.047 303.8);
}
.element {
color: var(--pastel-lilac);
background-color: hsl(264 25% 75%);
border-color: oklch(0.778 0.047 303.8);
}Tailwind CSS v4
@theme {
--color-pastel-lilac: #bdb0d0;
--color-pastel-lilac-50: #f8f2ff;
--color-pastel-lilac-100: #ece4f5;
--color-pastel-lilac-200: #d9cfe5;
--color-pastel-lilac-300: #bdb2cb;
--color-pastel-lilac-400: #a498b6;
--color-pastel-lilac-500: #8d7fa0;
--color-pastel-lilac-600: #776b87;
--color-pastel-lilac-700: #5f566c;
--color-pastel-lilac-800: #453f50;
--color-pastel-lilac-900: #302b38;
--color-pastel-lilac-950: #1c1822;
}SCSS
$pastel-lilac: #bdb0d0;
$pastel-lilac-rgb: 189, 176, 208;
$pastel-lilac-light: mix(#fff, $pastel-lilac, 20%);
$pastel-lilac-dark: mix(#000, $pastel-lilac, 20%);
.element {
color: $pastel-lilac;
box-shadow: 0 0 0 2px rgba($pastel-lilac, 0.35);
}