이름 색상 · #68546A
Vintner
Vintner은(는) #68546A: rgb(104 84 106), hsl(295 12% 37%), oklch(0.474 0.043 323.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Vintner color name →
#68546A
oklch(0.474 0.043 323.3)
색상 변환
- HEX
- #68546a
- RGB
- rgb(104 84 106)
- HSL
- hsl(295 12% 37%)
- HWB
- hwb(295 33% 58%)
- OKLCH
- oklch(0.474 0.043 323.3)
- OKLab
- oklab(0.474 0.034 -0.026)
- CIE Lab
- lab(38.39 11.76 -9.45)
- LCH
- lch(38.39 15.09 321.2)
- CMYK
- cmyk(2% 21% 0% 58%)
틴트 · 셰이드 · 톤
틴트
- 766478
- 847486
- 938494
- A295A3
- B1A6B2
- C0B7C1
- CFC9D0
- DFDAE0
- EFEDEF
셰이드
- 59485B
- 4B3C4D
- 3E313F
- 302631
- 241B24
- 181118
- 0C080D
- 040204
- 000000
톤
- 6A586C
- 6D5D6E
- 6F6171
- 726573
- 746A75
- 776E77
- 797379
- 7B777C
- 7E7C7E
색 조화
보색 +180°
- 68546A
Vintner
- 4E624C
≈ Nature Surrounds
유사색 -30° +30°
- 68546A
Vintner
- 5D5872
≈ Orchid Grey
- 70525E
≈ Ruby Grey
삼각 배색 +120° +240°
- 68546A
Vintner
- 685A40
≈ Cold Pressed
- 3E6367
≈ China Green Blue
분열 보색 +150° +210°
- 68546A
Vintner
- 5C5F43
≈ Tank
- 42645A
≈ Forest Greenery
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.85:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 3.06:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 6.85:1 (AA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--vintner: #68546a;
--vintner-rgb: 104 84 106;
--vintner-oklch: oklch(0.474 0.043 323.3);
}
.element {
color: var(--vintner);
background-color: hsl(295 12% 37%);
border-color: oklch(0.474 0.043 323.3);
}Tailwind CSS v4
@theme {
--color-vintner: #68546a;
--color-vintner-50: #fcf1fc;
--color-vintner-100: #f0e3f0;
--color-vintner-200: #decede;
--color-vintner-300: #c3b0c4;
--color-vintner-400: #ab96ad;
--color-vintner-500: #947d97;
--color-vintner-600: #7e6a7f;
--color-vintner-700: #655566;
--color-vintner-800: #493e4b;
--color-vintner-900: #332a34;
--color-vintner-950: #1f1820;
}SCSS
$vintner: #68546a;
$vintner-rgb: 104, 84, 106;
$vintner-light: mix(#fff, $vintner, 20%);
$vintner-dark: mix(#000, $vintner, 20%);
.element {
color: $vintner;
box-shadow: 0 0 0 2px rgba($vintner, 0.35);
}