이름 색상 · #B86FC2
Lavendless
Lavendless은(는) #B86FC2: rgb(184 111 194), hsl(293 40% 60%), oklch(0.651 0.143 322.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Lavendless color name →
#B86FC2
oklch(0.651 0.143 322.6)
색상 변환
- HEX
- #b86fc2
- RGB
- rgb(184 111 194)
- HSL
- hsl(293 40% 60%)
- HWB
- hwb(293 44% 24%)
- OKLCH
- oklch(0.651 0.143 322.6)
- OKLab
- oklab(0.651 0.114 -0.087)
- CIE Lab
- lab(57.4 39.42 -31.52)
- LCH
- lch(57.4 50.48 321.4)
- CMYK
- cmyk(5% 43% 0% 24%)
틴트 · 셰이드 · 톤
틴트
- C07EC8
- C78CCF
- CE9AD5
- D6A9DB
- DDB7E1
- E4C5E8
- EBD4ED
- F2E2F3
- F8F0F9
셰이드
- A060A8
- 88518F
- 714277
- 5B3460
- 452749
- 311A34
- 1E0E20
- 0C040E
- 020102
톤
- B371BB
- AD74B5
- A876AE
- A278A8
- 9D79A1
- 977B9B
- 927C94
- 8C7E8D
- 867F87
색 조화
보색 +180°
- B86FC2
Lavendless
- 56A551
≈ Straightforward Green
유사색 -30° +30°
- B86FC2
Lavendless
- 937DDE
≈ Indigo Bloom
- D06798
≈ Nocturnal Rose
삼각 배색 +120° +240°
- B86FC2
Lavendless
- B78600
≈ Letter Jacket
- 00A3AD
≈ Aare River Brienz
분열 보색 +150° +210°
- B86FC2
Lavendless
- 919708
≈ Devil’s Flower Mantis
- 00A887
≈ Moray Eel
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.44:1 · APCA Lc 62
Ag
AA검은색 위
WCAG 6.09:1 · APCA Lc 40
가장 좋은 글자색: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
코드 스니펫
CSS
:root {
--lavendless: #b86fc2;
--lavendless-rgb: 184 111 194;
--lavendless-oklch: oklch(0.651 0.143 322.6);
}
.element {
color: var(--lavendless);
background-color: hsl(293 40% 60%);
border-color: oklch(0.651 0.143 322.6);
}Tailwind CSS v4
@theme {
--color-lavendless: #b86fc2;
--color-lavendless-50: #ffe8ff;
--color-lavendless-100: #ffd8ff;
--color-lavendless-200: #f4c0f7;
--color-lavendless-300: #dc9ee0;
--color-lavendless-400: #c680d0;
--color-lavendless-500: #b261bd;
--color-lavendless-600: #96539f;
--color-lavendless-700: #784280;
--color-lavendless-800: #583060;
--color-lavendless-900: #3e2044;
--color-lavendless-950: #270f2c;
}SCSS
$lavendless: #b86fc2;
$lavendless-rgb: 184, 111, 194;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}