가장 가까운 이름 색상 · #C7BBFF
#C7BBFF
가장 가까운 이름 색상: Violet Heaven
#C7BBFF(rgb(199 187 255), hsl(251 100% 87%), oklch(0.826 0.095 292.3))와 가장 가까운 이름 색상은 Violet Heaven입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C7BBFF
oklch(0.826 0.095 292.3)
색상 변환
- HEX
- #c7bbff
- RGB
- rgb(199 187 255)
- HSL
- hsl(251 100% 87%)
- HWB
- hwb(251 73% 0%)
- OKLCH
- oklch(0.826 0.095 292.3)
- OKLab
- oklab(0.826 0.036 -0.088)
- CIE Lab
- lab(78.69 14.76 -32.21)
- LCH
- lch(78.69 35.43 294.6)
- CMYK
- cmyk(22% 27% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- CCC2FF
- D2C9FF
- D7D0FF
- DDD6FF
- E2DDFF
- E8E4FF
- EEEBFF
- F3F1FF
- F9F8FF
셰이드
- ADA2DE
- 938ABE
- 7A739E
- 625C80
- 4C4663
- 363248
- 211F2E
- 0E0D16
- 020203
톤
- C0B5F2
- B8AFE5
- B1A9D8
- AAA3CB
- A39DBE
- 9B98B2
- 9492A5
- 8E8C99
- 87868C
색 조화
보색 +180°
- C7BBFF
Violet Heaven
- C7CD84
≈ Soft Celery
유사색 -30° +30°
- C7BBFF
Violet Heaven
- A8C7FF
≈ Night Snow
- E4B2EB
≈ Candy Dreams
삼각 배색 +120° +240°
- C7BBFF
Violet Heaven
- F8B58C
≈ Desert Sunrise
- 81DABF
≈ Pearl Aqua
분열 보색 +150° +210°
- C7BBFF
Violet Heaven
- E5C07D
≈ Deserted Path
- A2D69D
≈ Green Trance
사각 배색 +90° +180° +270°
- C7BBFF
Violet Heaven
- FEAEAA
≈ Cornflower Lilac
- C7CD84
≈ Soft Celery
- 74D8E1
≈ Aquamarine Blue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.98:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.98:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--violet-heaven: #c7bbff;
--violet-heaven-rgb: 199 187 255;
--violet-heaven-oklch: oklch(0.826 0.095 292.3);
}
.element {
color: var(--violet-heaven);
background-color: hsl(251 100% 87%);
border-color: oklch(0.826 0.095 292.3);
}Tailwind CSS v4
@theme {
--color-violet-heaven: #c7bbff;
--color-violet-heaven-50: #f6f0ff;
--color-violet-heaven-100: #e9e2ff;
--color-violet-heaven-200: #d6cdfa;
--color-violet-heaven-300: #baaee4;
--color-violet-heaven-400: #a094d2;
--color-violet-heaven-500: #887ac0;
--color-violet-heaven-600: #7367a2;
--color-violet-heaven-700: #5c5382;
--color-violet-heaven-800: #423c61;
--color-violet-heaven-900: #2e2944;
--color-violet-heaven-950: #1a172c;
}SCSS
$violet-heaven: #c7bbff;
$violet-heaven-rgb: 199, 187, 255;
$violet-heaven-light: mix(#fff, $violet-heaven, 20%);
$violet-heaven-dark: mix(#000, $violet-heaven, 20%);
.element {
color: $violet-heaven;
box-shadow: 0 0 0 2px rgba($violet-heaven, 0.35);
}