이름 색상 · #BDABBE
Lavender Frost
Lavender Frost은(는) #BDABBE: rgb(189 171 190), hsl(297 13% 71%), oklch(0.762 0.033 324.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Lavender Frost color name →
#BDABBE
oklch(0.762 0.033 324.3)
색상 변환
- HEX
- #bdabbe
- RGB
- rgb(189 171 190)
- HSL
- hsl(297 13% 71%)
- HWB
- hwb(297 67% 25%)
- OKLCH
- oklch(0.762 0.033 324.3)
- OKLab
- oklab(0.762 0.027 -0.02)
- CIE Lab
- lab(71.99 9.27 -7.27)
- LCH
- lch(71.99 11.78 321.9)
- CMYK
- cmyk(1% 10% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- C3B3C4
- CABBCB
- D1C4D1
- D7CCD8
- DED4DE
- E4DDE5
- EBE5EB
- F2EEF2
- F8F6F8
셰이드
- A494A5
- 8C7E8C
- 746875
- 5D545E
- 474048
- 332D33
- 1F1B1F
- 0D0B0D
- 020102
톤
- B7A7B8
- B1A2B1
- AA9EAB
- A49AA5
- 9E959E
- 989198
- 928D92
- 8C888C
- 868486
색 조화
보색 +180°
- BDABBE
Lavender Frost
- A5B8A5
≈ Bamboo Shoot
유사색 -30° +30°
- BDABBE
Lavender Frost
- B3AEC6
≈ Lavender Dream
- C4AAB3
≈ Pale Lychee
삼각 배색 +120° +240°
- BDABBE
Lavender Frost
- BCB19A
≈ Townhouse Taupe
- 9AB8BC
≈ Windswept Clouds
분열 보색 +150° +210°
- BDABBE
Lavender Frost
- B1B59D
≈ White Cabbage
- 9DB9B0
≈ Opal Silk
사각 배색 +90° +180° +270°
- BDABBE
Lavender Frost
- C4AD9E
≈ Floral Arrangement
- A5B8A5
≈ Bamboo Shoot
- 9EB6C4
≈ Country Air
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.15:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.73:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--lavender-frost: #bdabbe;
--lavender-frost-rgb: 189 171 190;
--lavender-frost-oklch: oklch(0.762 0.033 324.3);
}
.element {
color: var(--lavender-frost);
background-color: hsl(297 13% 71%);
border-color: oklch(0.762 0.033 324.3);
}Tailwind CSS v4
@theme {
--color-lavender-frost: #bdabbe;
--color-lavender-frost-50: #faf2fa;
--color-lavender-frost-100: #eee4ee;
--color-lavender-frost-200: #dcd0dc;
--color-lavender-frost-300: #c1b2c1;
--color-lavender-frost-400: #a998aa;
--color-lavender-frost-500: #927f93;
--color-lavender-frost-600: #7b6c7c;
--color-lavender-frost-700: #635663;
--color-lavender-frost-800: #483f49;
--color-lavender-frost-900: #322b33;
--color-lavender-frost-950: #1e181f;
}SCSS
$lavender-frost: #bdabbe;
$lavender-frost-rgb: 189, 171, 190;
$lavender-frost-light: mix(#fff, $lavender-frost, 20%);
$lavender-frost-dark: mix(#000, $lavender-frost, 20%);
.element {
color: $lavender-frost;
box-shadow: 0 0 0 2px rgba($lavender-frost, 0.35);
}