이름 색상 · #895D8B
Candy Violet
Candy Violet은(는) #895D8B: rgb(137 93 139), hsl(297 20% 45%), oklch(0.542 0.087 325.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Candy Violet color name →
#895D8B
oklch(0.542 0.087 325.2)
색상 변환
- HEX
- #895d8b
- RGB
- rgb(137 93 139)
- HSL
- hsl(297 20% 45%)
- HWB
- hwb(297 36% 45%)
- OKLCH
- oklch(0.542 0.087 325.2)
- OKLab
- oklab(0.542 0.072 -0.05)
- CIE Lab
- lab(45.6 24.48 -18.17)
- LCH
- lch(45.6 30.49 323.4)
- CMYK
- cmyk(1% 33% 0% 45%)
틴트 · 셰이드 · 톤
틴트
- 956C96
- A07CA2
- AC8BAD
- B89BB8
- C3ABC4
- CFBCD0
- DBCCDB
- E7DDE7
- F3EEF3
셰이드
- 765078
- 644366
- 533754
- 422A43
- 311F32
- 221423
- 140A14
- 070307
- 010001
톤
- 88618A
- 886489
- 876888
- 866C87
- 856F86
- 847385
- 837684
- 827982
- 817D81
색 조화
보색 +180°
- 895D8B
Candy Violet
- 4D7D4F
≈ Melbourne
유사색 -30° +30°
- 895D8B
Candy Violet
- 73659D
≈ Reign Over Me
- 975971
≈ Pink Tulip
삼각 배색 +120° +240°
- 895D8B
Candy Violet
- 866B2D
≈ Aged Antics
- 177D87
≈ Caribe
분열 보색 +150° +210°
- 895D8B
Candy Violet
- 6D7536
≈ Swamp Shrub
- 29806C
≈ Green Belt
사각 배색 +90° +180° +270°
- 895D8B
Candy Violet
- 96613B
≈ Ash Brown
- 4D7D4F
≈ Melbourne
- 35779B
≈ Fun and Games
대비 및 접근성
Ag
AA흰색 위
WCAG 5.24:1 · APCA Lc 76
Ag
Fail검은색 위
WCAG 4.00:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--candy-violet: #895d8b;
--candy-violet-rgb: 137 93 139;
--candy-violet-oklch: oklch(0.542 0.087 325.2);
}
.element {
color: var(--candy-violet);
background-color: hsl(297 20% 45%);
border-color: oklch(0.542 0.087 325.2);
}Tailwind CSS v4
@theme {
--color-candy-violet: #895d8b;
--color-candy-violet-50: #ffedff;
--color-candy-violet-100: #f8def7;
--color-candy-violet-200: #e9c8e8;
--color-candy-violet-300: #d0a8cf;
--color-candy-violet-400: #b98dbb;
--color-candy-violet-500: #a472a6;
--color-candy-violet-600: #8a608c;
--color-candy-violet-700: #6f4d70;
--color-candy-violet-800: #513854;
--color-candy-violet-900: #38263a;
--color-candy-violet-950: #231424;
}SCSS
$candy-violet: #895d8b;
$candy-violet-rgb: 137, 93, 139;
$candy-violet-light: mix(#fff, $candy-violet, 20%);
$candy-violet-dark: mix(#000, $candy-violet, 20%);
.element {
color: $candy-violet;
box-shadow: 0 0 0 2px rgba($candy-violet, 0.35);
}