가장 가까운 이름 색상 · #C066B8
#C066B8
가장 가까운 이름 색상: Lavendless
#C066B8(rgb(192 102 184), hsl(305 42% 58%), oklch(0.642 0.154 330.6))와 가장 가까운 이름 색상은 Lavendless입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C066B8
oklch(0.642 0.154 330.6)
색상 변환
- HEX
- #c066b8
- RGB
- rgb(192 102 184)
- HSL
- hsl(305 42% 58%)
- HWB
- hwb(305 40% 25%)
- OKLCH
- oklch(0.642 0.154 330.6)
- OKLab
- oklab(0.642 0.134 -0.076)
- CIE Lab
- lab(56.25 45.12 -27.48)
- LCH
- lch(56.25 52.83 328.7)
- CMYK
- cmyk(0% 47% 4% 25%)
틴트 · 셰이드 · 톤
틴트
- C776BF
- CE85C7
- D595CE
- DCA4D5
- E2B3DC
- E8C2E3
- EED1EA
- F4E0F1
- FAF0F8
셰이드
- A758A0
- 8E4A88
- 763C71
- 5F2F5B
- 492345
- 341731
- 200C1E
- 0E040C
- 020002
톤
- BA6AB2
- B46DAD
- AE70A7
- A873A2
- A2769C
- 9B7897
- 957A91
- 8E7C8B
- 877E86
색 조화
보색 +180°
- C066B8
Lavendless
- 30A659
≈ Spinach
유사색 -30° +30°
- C066B8
Lavendless
- 9D74DB
≈ Iridescent Purple
- D55F88
≈ Preppy Rose
삼각 배색 +120° +240°
- C066B8
Lavendless
- AB8800
≈ Strong Mustard
- 009EB3
≈ Lake Blue
분열 보색 +150° +210°
- C066B8
Lavendless
- 819A00
≈ BioShock
- 00A390
≈ Turquish
사각 배색 +90° +180° +270°
- C066B8
Lavendless
- CD7300
≈ Tree Sap
- 30A659
≈ Spinach
- 0096DD
≈ Atmosphere
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.59:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.83:1 · APCA Lc 38
가장 좋은 글자색: #000000
WCAG 5.83:1 (AA) · APCA Lc 38
Contrast pairs
코드 스니펫
CSS
:root {
--lavendless: #c066b8;
--lavendless-rgb: 192 102 184;
--lavendless-oklch: oklch(0.642 0.154 330.6);
}
.element {
color: var(--lavendless);
background-color: hsl(305 42% 58%);
border-color: oklch(0.642 0.154 330.6);
}Tailwind CSS v4
@theme {
--color-lavendless: #c066b8;
--color-lavendless-50: #ffe6ff;
--color-lavendless-100: #ffd6ff;
--color-lavendless-200: #fcbcf1;
--color-lavendless-300: #e699da;
--color-lavendless-400: #d17ac9;
--color-lavendless-500: #bd5ab5;
--color-lavendless-600: #a04d99;
--color-lavendless-700: #803d7b;
--color-lavendless-800: #5e2c5c;
--color-lavendless-900: #421e41;
--color-lavendless-950: #2a0d29;
}SCSS
$lavendless: #c066b8;
$lavendless-rgb: 192, 102, 184;
$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);
}