가장 가까운 이름 색상 · #B08FBF
#B08FBF
가장 가까운 이름 색상: Fleur-De-Lis
#B08FBF(rgb(176 143 191), hsl(281 27% 65%), oklch(0.697 0.078 315.1))와 가장 가까운 이름 색상은 Fleur-De-Lis입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#B08FBF
oklch(0.697 0.078 315.1)
색상 변환
- HEX
- #b08fbf
- RGB
- rgb(176 143 191)
- HSL
- hsl(281 27% 65%)
- HWB
- hwb(281 56% 25%)
- OKLCH
- oklch(0.697 0.078 315.1)
- OKLab
- oklab(0.697 0.055 -0.055)
- CIE Lab
- lab(63.76 19.42 -20.21)
- LCH
- lch(63.76 28.03 313.8)
- CMYK
- cmyk(8% 25% 0% 25%)
틴트 · 셰이드 · 톤
틴트
- B89AC5
- C0A5CC
- C7B0D2
- CFBBD9
- D7C6DF
- DFD1E6
- E7DDEC
- EFE8F2
- F7F3F9
셰이드
- 997CA6
- 82698D
- 6C5775
- 56455E
- 423448
- 2E2433
- 1C151F
- 0B070D
- 010102
톤
- AB8EB9
- A68CB2
- A18BAC
- 9D89A6
- 98889F
- 938699
- 8E8593
- 8A838D
- 858286
색 조화
보색 +180°
- B08FBF
Fleur-De-Lis
- 89A978
≈ Lush Fields
유사색 -30° +30°
- B08FBF
Fleur-De-Lis
- 9897CC
≈ Bluebell Frost
- C18AA8
≈ Rosy
삼각 배색 +120° +240°
- B08FBF
Fleur-De-Lis
- BA9766
≈ Karak Stone
- 5EADAC
≈ Fountain Blue
분열 보색 +150° +210°
- B08FBF
Fleur-De-Lis
- A4A167
≈ Cocktail Olive
- 6DAD92
≈ Dublin Jack
사각 배색 +90° +180° +270°
- B08FBF
Fleur-De-Lis
- C78E75
≈ Baker’s Dream
- 89A978
≈ Lush Fields
- 65A8C2
≈ Blue Mist
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.78:1 · APCA Lc 54
Ag
AAA검은색 위
WCAG 7.52:1 · APCA Lc 48
가장 좋은 글자색: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
코드 스니펫
CSS
:root {
--fleur-de-lis: #b08fbf;
--fleur-de-lis-rgb: 176 143 191;
--fleur-de-lis-oklch: oklch(0.697 0.078 315.1);
}
.element {
color: var(--fleur-de-lis);
background-color: hsl(281 27% 65%);
border-color: oklch(0.697 0.078 315.1);
}Tailwind CSS v4
@theme {
--color-fleur-de-lis: #b08fbf;
--color-fleur-de-lis-50: #ffefff;
--color-fleur-de-lis-100: #f3e0fa;
--color-fleur-de-lis-200: #e2caeb;
--color-fleur-de-lis-300: #c8abd2;
--color-fleur-de-lis-400: #b091be;
--color-fleur-de-lis-500: #9a76aa;
--color-fleur-de-lis-600: #82648f;
--color-fleur-de-lis-700: #685073;
--color-fleur-de-lis-800: #4c3a56;
--color-fleur-de-lis-900: #35283c;
--color-fleur-de-lis-950: #201626;
}SCSS
$fleur-de-lis: #b08fbf;
$fleur-de-lis-rgb: 176, 143, 191;
$fleur-de-lis-light: mix(#fff, $fleur-de-lis, 20%);
$fleur-de-lis-dark: mix(#000, $fleur-de-lis, 20%);
.element {
color: $fleur-de-lis;
box-shadow: 0 0 0 2px rgba($fleur-de-lis, 0.35);
}