가장 가까운 이름 색상 · #C5BFF0
#C5BFF0
가장 가까운 이름 색상: Innocent Snowdrop
#C5BFF0(rgb(197 191 240), hsl(247 62% 85%), oklch(0.826 0.068 290.4))와 가장 가까운 이름 색상은 Innocent Snowdrop입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C5BFF0
oklch(0.826 0.068 290.4)
색상 변환
- HEX
- #c5bff0
- RGB
- rgb(197 191 240)
- HSL
- hsl(247 62% 85%)
- HWB
- hwb(247 75% 6%)
- OKLCH
- oklch(0.826 0.068 290.4)
- OKLab
- oklab(0.826 0.024 -0.064)
- CIE Lab
- lab(79.07 9.53 -23.65)
- LCH
- lch(79.07 25.5 292)
- CMYK
- cmyk(18% 20% 0% 6%)
틴트 · 셰이드 · 톤
틴트
- CBC5F2
- D0CCF3
- D6D2F5
- DCD8F7
- E1DFF8
- E7E5FA
- EDECFB
- F3F2FC
- F9F9FE
셰이드
- ABA6D1
- 928DB2
- 797595
- 615E78
- 4B485D
- 353343
- 211F2A
- 0E0D14
- 020203
톤
- BEB9E4
- B7B2D9
- B0ACCD
- A9A5C2
- A29FB7
- 9B99AC
- 9493A1
- 8D8C96
- 87868B
색 조화
보색 +180°
- C5BFF0
Innocent Snowdrop
- C8CB97
≈ Vegetarian Vulture
유사색 -30° +30°
- C5BFF0
Innocent Snowdrop
- ADC7F3
≈ Tropical Blue
- DBB8E2
≈ Pretty Petunia
삼각 배색 +120° +240°
- C5BFF0
Innocent Snowdrop
- EBBA9E
≈ Sunset Drive
- 99D5C0
≈ Apple II Blue
분열 보색 +150° +210°
- C5BFF0
Innocent Snowdrop
- DDC294
≈ Dirty Blonde
- AFD2A8
≈ Apium
사각 배색 +90° +180° +270°
- C5BFF0
Innocent Snowdrop
- EFB5B3
≈ Camille Pink
- C8CB97
≈ Vegetarian Vulture
- 90D4D8
≈ Aqua Bloom
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.08:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--innocent-snowdrop: #c5bff0;
--innocent-snowdrop-rgb: 197 191 240;
--innocent-snowdrop-oklch: oklch(0.826 0.068 290.4);
}
.element {
color: var(--innocent-snowdrop);
background-color: hsl(247 62% 85%);
border-color: oklch(0.826 0.068 290.4);
}Tailwind CSS v4
@theme {
--color-innocent-snowdrop: #c5bff0;
--color-innocent-snowdrop-50: #f5f2ff;
--color-innocent-snowdrop-100: #e8e4fd;
--color-innocent-snowdrop-200: #d4cff0;
--color-innocent-snowdrop-300: #b8b2d8;
--color-innocent-snowdrop-400: #9e98c5;
--color-innocent-snowdrop-500: #857eb1;
--color-innocent-snowdrop-600: #716b95;
--color-innocent-snowdrop-700: #5a5678;
--color-innocent-snowdrop-800: #413f59;
--color-innocent-snowdrop-900: #2d2b3e;
--color-innocent-snowdrop-950: #1a1827;
}SCSS
$innocent-snowdrop: #c5bff0;
$innocent-snowdrop-rgb: 197, 191, 240;
$innocent-snowdrop-light: mix(#fff, $innocent-snowdrop, 20%);
$innocent-snowdrop-dark: mix(#000, $innocent-snowdrop, 20%);
.element {
color: $innocent-snowdrop;
box-shadow: 0 0 0 2px rgba($innocent-snowdrop, 0.35);
}