이름 색상 · #B29EAD
Symbolic
Symbolic은(는) #B29EAD: rgb(178 158 173), hsl(315 11% 66%), oklch(0.721 0.031 334.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Symbolic color name →
#B29EAD
oklch(0.721 0.031 334.6)
색상 변환
- HEX
- #b29ead
- RGB
- rgb(178 158 173)
- HSL
- hsl(315 11% 66%)
- HWB
- hwb(315 62% 30%)
- OKLCH
- oklch(0.721 0.031 334.6)
- OKLab
- oklab(0.721 0.028 -0.013)
- CIE Lab
- lab(67.24 9.58 -4.99)
- LCH
- lch(67.24 10.8 332.5)
- CMYK
- cmyk(0% 11% 3% 30%)
틴트 · 셰이드 · 톤
틴트
- BAA7B5
- C1B1BD
- C9BAC5
- D0C4CD
- D8CED5
- E0D7DE
- E8E1E6
- EFEBEE
- F7F5F7
셰이드
- 9A8996
- 83747F
- 6D606A
- 574D55
- 433A41
- 2F292D
- 1D181B
- 0C090B
- 010101
톤
- AD9BA8
- A898A4
- A3959F
- 9E929B
- 998F96
- 948C92
- 8F898D
- 8A8689
- 858384
색 조화
보색 +180°
- B29EAD
Symbolic
- 96AB9C
≈ Scotland Road
유사색 -30° +30°
- B29EAD
Symbolic
- A9A0B5
≈ Grapeade
- B79DA2
≈ Windflower
삼각 배색 +120° +240°
- B29EAD
Symbolic
- ABA58F
≈ Lodgepole Pines
- 90AAB1
≈ Meditative
분열 보색 +150° +210°
- B29EAD
Symbolic
- A0A994
≈ Bushel
- 90ACA7
≈ Oceanus
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.50:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.38:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
CSS
:root {
--symbolic: #b29ead;
--symbolic-rgb: 178 158 173;
--symbolic-oklch: oklch(0.721 0.031 334.6);
}
.element {
color: var(--symbolic);
background-color: hsl(315 11% 66%);
border-color: oklch(0.721 0.031 334.6);
}Tailwind CSS v4
@theme {
--color-symbolic: #b29ead;
--color-symbolic-50: #fbf2f8;
--color-symbolic-100: #efe4ec;
--color-symbolic-200: #decfd9;
--color-symbolic-300: #c2b2bd;
--color-symbolic-400: #ab98a6;
--color-symbolic-500: #947f8f;
--color-symbolic-600: #7d6b79;
--color-symbolic-700: #645661;
--color-symbolic-800: #493f47;
--color-symbolic-900: #332b31;
--color-symbolic-950: #1e181d;
}SCSS
$symbolic: #b29ead;
$symbolic-rgb: 178, 158, 173;
$symbolic-light: mix(#fff, $symbolic, 20%);
$symbolic-dark: mix(#000, $symbolic, 20%);
.element {
color: $symbolic;
box-shadow: 0 0 0 2px rgba($symbolic, 0.35);
}