이름 색상 · #647D9E
Smoky Violet
Smoky Violet은(는) #647D9E: rgb(100 125 158), hsl(214 23% 51%), oklch(0.583 0.059 255.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Smoky Violet color name →
#647D9E
oklch(0.583 0.059 255.5)
색상 변환
- HEX
- #647d9e
- RGB
- rgb(100 125 158)
- HSL
- hsl(214 23% 51%)
- HWB
- hwb(214 39% 38%)
- OKLCH
- oklch(0.583 0.059 255.5)
- OKLab
- oklab(0.583 -0.015 -0.057)
- CIE Lab
- lab(51.39 -2.91 -20.91)
- LCH
- lch(51.39 21.12 262.1)
- CMYK
- cmyk(37% 21% 0% 38%)
틴트 · 셰이드 · 톤
틴트
- 7389A8
- 8196B1
- 90A3BB
- 9FAFC4
- AFBCCE
- BFC9D8
- CED7E2
- DEE4EB
- EFF1F5
셰이드
- 566C89
- 485B74
- 3B4B60
- 2E3B4D
- 222C3A
- 161E29
- 0B1118
- 030509
- 000101
톤
- 677D9B
- 6A7E98
- 6D7E95
- 707E92
- 727F8F
- 757F8C
- 787F89
- 7B8086
- 7D8083
색 조화
보색 +180°
- 647D9E
Smoky Violet
- 907753
≈ Lonely Road
유사색 -30° +30°
- 647D9E
Smoky Violet
- 548396
≈ Blue Moon Bay
- 77769D
≈ Kimono Violet
삼각 배색 +120° +240°
- 647D9E
Smoky Violet
- 9B6D70
≈ Fruitwood
- 6C8360
≈ Bladerunner
분열 보색 +150° +210°
- 647D9E
Smoky Violet
- 99705E
≈ Mocha Mousse
- 807E54
≈ Xena
사각 배색 +90° +180° +270°
- 647D9E
Smoky Violet
- 956D83
≈ Sophisticated Lilac
- 907753
≈ Lonely Road
- 598773
≈ Dark Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.22:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.96:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 4.96:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--smoky-violet: #647d9e;
--smoky-violet-rgb: 100 125 158;
--smoky-violet-oklch: oklch(0.583 0.059 255.5);
}
.element {
color: var(--smoky-violet);
background-color: hsl(214 23% 51%);
border-color: oklch(0.583 0.059 255.5);
}Tailwind CSS v4
@theme {
--color-smoky-violet: #647d9e;
--color-smoky-violet-50: #ebf6ff;
--color-smoky-violet-100: #dce9fc;
--color-smoky-violet-200: #c5d6ee;
--color-smoky-violet-300: #a5b9d6;
--color-smoky-violet-400: #88a0c1;
--color-smoky-violet-500: #6c88ad;
--color-smoky-violet-600: #5c7392;
--color-smoky-violet-700: #495c75;
--color-smoky-violet-800: #344457;
--color-smoky-violet-900: #232f3c;
--color-smoky-violet-950: #121b26;
}SCSS
$smoky-violet: #647d9e;
$smoky-violet-rgb: 100, 125, 158;
$smoky-violet-light: mix(#fff, $smoky-violet, 20%);
$smoky-violet-dark: mix(#000, $smoky-violet, 20%);
.element {
color: $smoky-violet;
box-shadow: 0 0 0 2px rgba($smoky-violet, 0.35);
}