가장 가까운 이름 색상 · #511666
#511666
가장 가까운 이름 색상: Velvet Vortex
#511666(rgb(81 22 102), hsl(284 65% 24%), oklch(0.338 0.137 315.4))와 가장 가까운 이름 색상은 Velvet Vortex입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#511666
oklch(0.338 0.137 315.4)
색상 변환
- HEX
- #511666
- RGB
- rgb(81 22 102)
- HSL
- hsl(284 65% 24%)
- HWB
- hwb(284 9% 60%)
- OKLCH
- oklch(0.338 0.137 315.4)
- OKLab
- oklab(0.338 0.098 -0.096)
- CIE Lab
- lab(20.87 36.96 -34.34)
- LCH
- lch(20.87 50.45 317.1)
- CMYK
- cmyk(21% 78% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 612F75
- 724684
- 835C94
- 9472A3
- A588B2
- B79FC1
- C9B7D1
- DBCEE0
- EDE6EF
셰이드
- 451258
- 3A0D4A
- 2F093C
- 24062F
- 1A0323
- 100217
- 07010C
- 020004
- 000000
톤
- 562469
- 5B2F6C
- 603A6F
- 654472
- 694F75
- 6E5877
- 73627A
- 776C7C
- 7C767E
색 조화
보색 +180°
- 511666
Velvet Vortex
- 1D4200
≈ Forest Green
유사색 -30° +30°
- 511666
Velvet Vortex
- 352479
≈ Deep Space Rodeo
- 640647
≈ Tyrian Purple
삼각 배색 +120° +240°
- 511666
Velvet Vortex
- 4C3100
≈ Kyoto House
- 004041
≈ Rich Black
분열 보색 +150° +210°
- 511666
Velvet Vortex
- 3D3900
≈ Camouflage
- 00432E
≈ UP Forest Green
사각 배색 +90° +180° +270°
- 511666
Velvet Vortex
- 5E2300
≈ Hot Fudge
- 1D4200
≈ Forest Green
- 003E50
≈ Maniac Mansion
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.67:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.65:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.67:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--velvet-vortex: #511666;
--velvet-vortex-rgb: 81 22 102;
--velvet-vortex-oklch: oklch(0.338 0.137 315.4);
}
.element {
color: var(--velvet-vortex);
background-color: hsl(284 65% 24%);
border-color: oklch(0.338 0.137 315.4);
}Tailwind CSS v4
@theme {
--color-velvet-vortex: #511666;
--color-velvet-vortex-50: #ffeaff;
--color-velvet-vortex-100: #fbdaff;
--color-velvet-vortex-200: #edc2fb;
--color-velvet-vortex-300: #d4a1e6;
--color-velvet-vortex-400: #bd84d5;
--color-velvet-vortex-500: #a866c3;
--color-velvet-vortex-600: #8e57a5;
--color-velvet-vortex-700: #724584;
--color-velvet-vortex-800: #533263;
--color-velvet-vortex-900: #3a2246;
--color-velvet-vortex-950: #24112d;
}SCSS
$velvet-vortex: #511666;
$velvet-vortex-rgb: 81, 22, 102;
$velvet-vortex-light: mix(#fff, $velvet-vortex, 20%);
$velvet-vortex-dark: mix(#000, $velvet-vortex, 20%);
.element {
color: $velvet-vortex;
box-shadow: 0 0 0 2px rgba($velvet-vortex, 0.35);
}