이름 색상 · #6D657E
Victorian Iris
Victorian Iris은(는) #6D657E: rgb(109 101 126), hsl(259 11% 45%), oklch(0.523 0.04 299.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Victorian Iris color name →
#6D657E
oklch(0.523 0.04 299.7)
색상 변환
- HEX
- #6d657e
- RGB
- rgb(109 101 126)
- HSL
- hsl(259 11% 45%)
- HWB
- hwb(259 40% 51%)
- OKLCH
- oklch(0.523 0.04 299.7)
- OKLab
- oklab(0.523 0.02 -0.035)
- CIE Lab
- lab(44.23 7.29 -12.82)
- LCH
- lch(44.23 14.75 299.6)
- CMYK
- cmyk(13% 20% 0% 51%)
틴트 · 셰이드 · 톤
틴트
- 7A738A
- 888297
- 9691A3
- A5A0B0
- B3AFBD
- C2BFCA
- D1CED7
- E0DEE4
- EFEFF1
셰이드
- 5E576D
- 4F495C
- 413C4C
- 332F3C
- 26222D
- 19171F
- 0D0C11
- 040305
- 010001
톤
- 6F687E
- 716A7F
- 736D7F
- 74707F
- 76727F
- 78757F
- 7A7880
- 7C7B80
- 7E7D80
색 조화
보색 +180°
- 6D657E
Victorian Iris
- 676E54
≈ Sea Fern
유사색 -30° +30°
- 6D657E
Victorian Iris
- 616982
≈ Spaceman
- 776275
≈ Purple Suede
삼각 배색 +120° +240°
- 6D657E
Victorian Iris
- 7C6553
≈ Cobble Brown
- 50726A
≈ Smoky Emerald
분열 보색 +150° +210°
- 6D657E
Victorian Iris
- 736950
≈ Hip Waders
- 5A715E
≈ Army Canvas
사각 배색 +90° +180° +270°
- 6D657E
Victorian Iris
- 7F625C
≈ Hot Cocoa
- 676E54
≈ Sea Fern
- 4F7177
≈ Tornado Season
대비 및 접근성
Ag
AA흰색 위
WCAG 5.50:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.81:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.50:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--victorian-iris: #6d657e;
--victorian-iris-rgb: 109 101 126;
--victorian-iris-oklch: oklch(0.523 0.04 299.7);
}
.element {
color: var(--victorian-iris);
background-color: hsl(259 11% 45%);
border-color: oklch(0.523 0.04 299.7);
}Tailwind CSS v4
@theme {
--color-victorian-iris: #6d657e;
--color-victorian-iris-50: #f7f3ff;
--color-victorian-iris-100: #eae5f3;
--color-victorian-iris-200: #d7d1e3;
--color-victorian-iris-300: #bbb3c9;
--color-victorian-iris-400: #a29ab3;
--color-victorian-iris-500: #8a819d;
--color-victorian-iris-600: #756d85;
--color-victorian-iris-700: #5d576b;
--color-victorian-iris-800: #44404f;
--color-victorian-iris-900: #2f2c37;
--color-victorian-iris-950: #1b1922;
}SCSS
$victorian-iris: #6d657e;
$victorian-iris-rgb: 109, 101, 126;
$victorian-iris-light: mix(#fff, $victorian-iris, 20%);
$victorian-iris-dark: mix(#000, $victorian-iris, 20%);
.element {
color: $victorian-iris;
box-shadow: 0 0 0 2px rgba($victorian-iris, 0.35);
}