가장 가까운 이름 색상 · #CBAACB
#CBAACB
가장 가까운 이름 색상: Novel Lilac
#CBAACB(rgb(203 170 203), hsl(300 24% 73%), oklch(0.777 0.059 326.1))와 가장 가까운 이름 색상은 Novel Lilac입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CBAACB
oklch(0.777 0.059 326.1)
색상 변환
- HEX
- #cbaacb
- RGB
- rgb(203 170 203)
- HSL
- hsl(300 24% 73%)
- HWB
- hwb(300 67% 20%)
- OKLCH
- oklch(0.777 0.059 326.1)
- OKLab
- oklab(0.777 0.049 -0.033)
- CIE Lab
- lab(73.37 16.67 -12.16)
- LCH
- lch(73.37 20.63 323.9)
- CMYK
- cmyk(0% 16% 0% 20%)
틴트 · 셰이드 · 톤
틴트
- D0B2D0
- D5BBD5
- DBC3DB
- E0CBE0
- E5D4E5
- EADCEA
- EFE5EF
- F5EEF5
- FAF6FA
셰이드
- B093B0
- 967D96
- 7D687D
- 655365
- 4D3F4D
- 372D37
- 221B22
- 0F0B0F
- 020102
톤
- C3A6C3
- BCA2BC
- B49DB4
- AD99AC
- A595A5
- 9E919D
- 968D96
- 8F888F
- 878487
색 조화
보색 +180°
- CBAACB
Novel Lilac
- 9FC1A1
≈ Spruce Stone
유사색 -30° +30°
- CBAACB
Novel Lilac
- B9AFD9
≈ Delicate Lilac
- D6A7B8
≈ Pink Nectar
삼각 배색 +120° +240°
- CBAACB
Novel Lilac
- C7B58C
≈ Soybean
- 8AC2C9
≈ Big Sky Country
분열 보색 +150° +210°
- CBAACB
Novel Lilac
- B4BC91
≈ Gloaming Green
- 8FC3B5
≈ Catarina Green
사각 배색 +90° +180° +270°
- CBAACB
Novel Lilac
- D5AE93
≈ Mellow Buff
- 9FC1A1
≈ Spruce Stone
- 93BDD8
≈ Manakin
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.06:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.15:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--novel-lilac: #cbaacb;
--novel-lilac-rgb: 203 170 203;
--novel-lilac-oklch: oklch(0.777 0.059 326.1);
}
.element {
color: var(--novel-lilac);
background-color: hsl(300 24% 73%);
border-color: oklch(0.777 0.059 326.1);
}Tailwind CSS v4
@theme {
--color-novel-lilac: #cbaacb;
--color-novel-lilac-50: #fff0fe;
--color-novel-lilac-100: #f3e1f2;
--color-novel-lilac-200: #e3cce1;
--color-novel-lilac-300: #c9adc7;
--color-novel-lilac-400: #b193b1;
--color-novel-lilac-500: #9b799b;
--color-novel-lilac-600: #836683;
--color-novel-lilac-700: #695269;
--color-novel-lilac-800: #4d3c4e;
--color-novel-lilac-900: #352936;
--color-novel-lilac-950: #201721;
}SCSS
$novel-lilac: #cbaacb;
$novel-lilac-rgb: 203, 170, 203;
$novel-lilac-light: mix(#fff, $novel-lilac, 20%);
$novel-lilac-dark: mix(#000, $novel-lilac, 20%);
.element {
color: $novel-lilac;
box-shadow: 0 0 0 2px rgba($novel-lilac, 0.35);
}