이름 색상 · #330099
Violet Hickey
Violet Hickey은(는) #330099: rgb(51 0 153), hsl(260 100% 30%), oklch(0.337 0.201 281.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Violet Hickey color name →
#330099
oklch(0.337 0.201 281.7)
색상 변환
- HEX
- #330099
- RGB
- rgb(51 0 153)
- HSL
- hsl(260 100% 30%)
- HWB
- hwb(260 0% 40%)
- OKLCH
- oklch(0.337 0.201 281.7)
- OKLab
- oklab(0.337 0.041 -0.197)
- CIE Lab
- lab(18.66 48.75 -70.5)
- LCH
- lch(18.66 85.71 304.7)
- CMYK
- cmyk(67% 100% 0% 40%)
틴트 · 셰이드 · 톤
틴트
- 402DA5
- 5048B1
- 6260BC
- 7677C7
- 8B8DD1
- A0A4DB
- B7BAE5
- CED1EE
- E6E8F7
셰이드
- 2B0084
- 230070
- 1C005D
- 14004A
- 0D0038
- 070027
- 030017
- 010008
- 000001
톤
- 371F98
- 3C2F97
- 433C95
- 4A4893
- 525291
- 5A5C8F
- 63658C
- 6C6E88
- 767784
색 조화
보색 +180°
- 330099
Violet Hickey
- 3F3800
≈ Camouflage
유사색 -30° +30°
- 330099
Violet Hickey
- 003868
≈ Marine Blue
- 530074
≈ Velvet Vortex
삼각 배색 +120° +240°
- 330099
Violet Hickey
- 601F00
≈ Raw Chocolate
- 00432B
≈ Angel Green
분열 보색 +150° +210°
- 330099
Violet Hickey
- 4E3000
≈ Kyoto House
- 244000
≈ Forest Green
사각 배색 +90° +180° +270°
- 330099
Violet Hickey
- 6B0024
≈ Plum Cheese
- 3F3800
≈ Camouflage
- 00403F
≈ Rich Black
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.11:1 · APCA Lc 97
Ag
Fail검은색 위
WCAG 1.60:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.11:1 (AAA) · APCA Lc 97
Contrast pairs
코드 스니펫
CSS
:root {
--violet-hickey: #330099;
--violet-hickey-rgb: 51 0 153;
--violet-hickey-oklch: oklch(0.337 0.201 281.7);
}
.element {
color: var(--violet-hickey);
background-color: hsl(260 100% 30%);
border-color: oklch(0.337 0.201 281.7);
}Tailwind CSS v4
@theme {
--color-violet-hickey: #330099;
--color-violet-hickey-50: #edeeff;
--color-violet-hickey-100: #dfe0ff;
--color-violet-hickey-200: #c9c8ff;
--color-violet-hickey-300: #aca7ff;
--color-violet-hickey-400: #8e8aff;
--color-violet-hickey-500: #7769ff;
--color-violet-hickey-600: #655adc;
--color-violet-hickey-700: #5048b1;
--color-violet-hickey-800: #383585;
--color-violet-hickey-900: #26245e;
--color-violet-hickey-950: #151241;
}SCSS
$violet-hickey: #330099;
$violet-hickey-rgb: 51, 0, 153;
$violet-hickey-light: mix(#fff, $violet-hickey, 20%);
$violet-hickey-dark: mix(#000, $violet-hickey, 20%);
.element {
color: $violet-hickey;
box-shadow: 0 0 0 2px rgba($violet-hickey, 0.35);
}