이름 색상 · #BDACCA
Fancy Pansy
Fancy Pansy은(는) #BDACCA: rgb(189 172 202), hsl(274 22% 73%), oklch(0.768 0.046 310.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Fancy Pansy color name →
#BDACCA
oklch(0.768 0.046 310.6)
색상 변환
- HEX
- #bdacca
- RGB
- rgb(189 172 202)
- HSL
- hsl(274 22% 73%)
- HWB
- hwb(274 67% 21%)
- OKLCH
- oklch(0.768 0.046 310.6)
- OKLab
- oklab(0.768 0.03 -0.035)
- CIE Lab
- lab(72.55 10.51 -12.99)
- LCH
- lch(72.55 16.71 309)
- CMYK
- cmyk(6% 15% 0% 21%)
틴트 · 셰이드 · 톤
틴트
- C3B4CF
- CABCD5
- D0C4DA
- D7CDDF
- DED5E4
- E4DDEA
- EBE6EF
- F2EEF4
- F8F6FA
셰이드
- A495AF
- 8C7F95
- 74697C
- 5D5464
- 47404D
- 332D37
- 1F1B22
- 0D0B0F
- 020102
톤
- B7A8C2
- B0A3BB
- AA9FB3
- A49AAC
- 9E96A4
- 98919D
- 928D96
- 8C898E
- 868487
색 조화
보색 +180°
- BDACCA
Fancy Pansy
- AABA9C
≈ Laurel Green
유사색 -30° +30°
- BDACCA
Fancy Pansy
- AEB1D1
≈ Pixie Violet
- C9A9BD
≈ Fragrant Lilac
삼각 배색 +120° +240°
- BDACCA
Fancy Pansy
- C7AF94
≈ Toasted Wheat
- 92BEBA
≈ Chinese Tzu
분열 보색 +150° +210°
- BDACCA
Fancy Pansy
- BAB594
≈ Bog
- 9BBDAA
≈ Reeds
사각 배색 +90° +180° +270°
- BDACCA
Fancy Pansy
- CFAB9E
≈ Art Deco Pink
- AABA9C
≈ Laurel Green
- 94BBC8
≈ Sydney Harbour
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.11:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.91:1 · APCA Lc 61
가장 좋은 글자색: #000000
WCAG 9.91:1 (AAA) · APCA Lc 61
Contrast pairs
코드 스니펫
CSS
:root {
--fancy-pansy: #bdacca;
--fancy-pansy-rgb: 189 172 202;
--fancy-pansy-oklch: oklch(0.768 0.046 310.6);
}
.element {
color: var(--fancy-pansy);
background-color: hsl(274 22% 73%);
border-color: oklch(0.768 0.046 310.6);
}Tailwind CSS v4
@theme {
--color-fancy-pansy: #bdacca;
--color-fancy-pansy-50: #faf2ff;
--color-fancy-pansy-100: #ede4f3;
--color-fancy-pansy-200: #dbcfe3;
--color-fancy-pansy-300: #c0b1c9;
--color-fancy-pansy-400: #a797b3;
--color-fancy-pansy-500: #907e9d;
--color-fancy-pansy-600: #7a6b85;
--color-fancy-pansy-700: #61556a;
--color-fancy-pansy-800: #473e4f;
--color-fancy-pansy-900: #312b37;
--color-fancy-pansy-950: #1d1822;
}SCSS
$fancy-pansy: #bdacca;
$fancy-pansy-rgb: 189, 172, 202;
$fancy-pansy-light: mix(#fff, $fancy-pansy, 20%);
$fancy-pansy-dark: mix(#000, $fancy-pansy, 20%);
.element {
color: $fancy-pansy;
box-shadow: 0 0 0 2px rgba($fancy-pansy, 0.35);
}