가장 가까운 이름 색상 · #AF7566
#AF7566
가장 가까운 이름 색상: Vin Cuit
#AF7566(rgb(175 117 102), hsl(12 31% 54%), oklch(0.619 0.077 35.1))와 가장 가까운 이름 색상은 Vin Cuit입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#AF7566
oklch(0.619 0.077 35.1)
색상 변환
- HEX
- #af7566
- RGB
- rgb(175 117 102)
- HSL
- hsl(12 31% 54%)
- HWB
- hwb(12 40% 31%)
- OKLCH
- oklch(0.619 0.077 35.1)
- OKLab
- oklab(0.619 0.063 0.044)
- CIE Lab
- lab(55.17 22.13 18.08)
- LCH
- lch(55.17 28.58 39.3)
- CMYK
- cmyk(0% 33% 42% 31%)
틴트 · 셰이드 · 톤
틴트
- B78274
- C09083
- C89D92
- D0ABA1
- D8B9B0
- E0C6C0
- E8D4CF
- F0E2DF
- F7F1EF
셰이드
- 986558
- 81554A
- 6B463C
- 56372F
- 412923
- 2E1C17
- 1C0F0C
- 0B0504
- 010100
톤
- AB7669
- A6786C
- A2796E
- 9D7A71
- 997B73
- 947C76
- 8F7D79
- 8A7E7B
- 857F7E
색 조화
보색 +180°
- AF7566
Vin Cuit
- 4892A3
≈ Winter Time
유사색 -30° +30°
- AF7566
Vin Cuit
- AE727F
≈ Shade of Mauve
- A67C53
≈ Apple Seed
삼각 배색 +120° +240°
- AF7566
Vin Cuit
- 5F9472
≈ Skarsnik Green
- 7882B5
≈ Venture Violet
분열 보색 +150° +210°
- AF7566
Vin Cuit
- 49958C
≈ Mirage Lake
- 5D8BB2
≈ Alpha Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.77:1 · APCA Lc 65
Ag
AA검은색 위
WCAG 5.55:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.55:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--vin-cuit: #af7566;
--vin-cuit-rgb: 175 117 102;
--vin-cuit-oklch: oklch(0.619 0.077 35.1);
}
.element {
color: var(--vin-cuit);
background-color: hsl(12 31% 54%);
border-color: oklch(0.619 0.077 35.1);
}Tailwind CSS v4
@theme {
--color-vin-cuit: #af7566;
--color-vin-cuit-50: #ffeee6;
--color-vin-cuit-100: #ffe0d6;
--color-vin-cuit-200: #f3cabd;
--color-vin-cuit-300: #dbaa9c;
--color-vin-cuit-400: #c78e80;
--color-vin-cuit-500: #b37363;
--color-vin-cuit-600: #976254;
--color-vin-cuit-700: #794e43;
--color-vin-cuit-800: #5a3831;
--color-vin-cuit-900: #3f2721;
--color-vin-cuit-950: #281511;
}SCSS
$vin-cuit: #af7566;
$vin-cuit-rgb: 175, 117, 102;
$vin-cuit-light: mix(#fff, $vin-cuit, 20%);
$vin-cuit-dark: mix(#000, $vin-cuit, 20%);
.element {
color: $vin-cuit;
box-shadow: 0 0 0 2px rgba($vin-cuit, 0.35);
}