가장 가까운 이름 색상 · #622643
#622643
가장 가까운 이름 색상: Soul Anchor
#622643(rgb(98 38 67), hsl(331 44% 27%), oklch(0.365 0.094 352.6))와 가장 가까운 이름 색상은 Soul Anchor입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#622643
oklch(0.365 0.094 352.6)
색상 변환
- HEX
- #622643
- RGB
- rgb(98 38 67)
- HSL
- hsl(331 44% 27%)
- HWB
- hwb(331 15% 62%)
- OKLCH
- oklch(0.365 0.094 352.6)
- OKLab
- oklab(0.365 0.093 -0.012)
- CIE Lab
- lab(25.1 30.19 -4.23)
- LCH
- lch(25.1 30.48 352)
- CMYK
- cmyk(0% 61% 32% 62%)
틴트 · 셰이드 · 톤
틴트
- 723A54
- 824F65
- 926377
- A17889
- B18E9C
- C1A3AF
- D0BAC2
- E0D0D6
- EFE7EA
셰이드
- 542039
- 47192F
- 3A1326
- 2D0D1D
- 210814
- 16040C
- 0B0205
- 030101
- 000000
톤
- 663049
- 6A394F
- 6D4255
- 714B5B
- 745361
- 775C67
- 79656D
- 7C6E73
- 7E777A
색 조화
보색 +180°
- 622643
Soul Anchor
- 004A3B
≈ Aqua Deep
유사색 -30° +30°
- 622643
Soul Anchor
- 552B5B
≈ Kuwanomi Purple
- 672627
≈ Azuki Red
삼각 배색 +120° +240°
- 622643
Soul Anchor
- 3F4200
≈ Green Not Found
- 00445F
≈ Loyal Blue
분열 보색 +150° +210°
- 622643
Soul Anchor
- 1B4A19
≈ Pine Green
- 00484D
≈ Sherpa Blue
사각 배색 +90° +180° +270°
- 622643
Soul Anchor
- 523A00
≈ Pineapple
- 004A3B
≈ Aqua Deep
- 233C6F
≈ Limoges
대비 및 접근성
Ag
AAA흰색 위
WCAG 11.18:1 · APCA Lc 95
Ag
Fail검은색 위
WCAG 1.87:1 · APCA Lc 7
가장 좋은 글자색: #FFFFFF
WCAG 11.18:1 (AAA) · APCA Lc 95
Contrast pairs
코드 스니펫
CSS
:root {
--soul-anchor: #622643;
--soul-anchor-rgb: 98 38 67;
--soul-anchor-oklch: oklch(0.365 0.094 352.6);
}
.element {
color: var(--soul-anchor);
background-color: hsl(331 44% 27%);
border-color: oklch(0.365 0.094 352.6);
}Tailwind CSS v4
@theme {
--color-soul-anchor: #622643;
--color-soul-anchor-50: #ffebf7;
--color-soul-anchor-100: #ffdcea;
--color-soul-anchor-200: #f6c4d6;
--color-soul-anchor-300: #dfa4ba;
--color-soul-anchor-400: #ca87a4;
--color-soul-anchor-500: #b66b8c;
--color-soul-anchor-600: #995b76;
--color-soul-anchor-700: #7b495f;
--color-soul-anchor-800: #5b3447;
--color-soul-anchor-900: #402431;
--color-soul-anchor-950: #28121d;
}SCSS
$soul-anchor: #622643;
$soul-anchor-rgb: 98, 38, 67;
$soul-anchor-light: mix(#fff, $soul-anchor, 20%);
$soul-anchor-dark: mix(#000, $soul-anchor, 20%);
.element {
color: $soul-anchor;
box-shadow: 0 0 0 2px rgba($soul-anchor, 0.35);
}