이름 색상 · #745085
Affair
Affair은(는) #745085: rgb(116 80 133), hsl(281 25% 42%), oklch(0.491 0.092 314.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Affair color name →
#745085
oklch(0.491 0.092 314.4)
색상 변환
- HEX
- #745085
- RGB
- rgb(116 80 133)
- HSL
- hsl(281 25% 42%)
- HWB
- hwb(281 31% 48%)
- OKLCH
- oklch(0.491 0.092 314.4)
- OKLab
- oklab(0.491 0.064 -0.066)
- CIE Lab
- lab(39.68 23.18 -23.89)
- LCH
- lch(39.68 33.28 314.1)
- CMYK
- cmyk(13% 40% 0% 48%)
틴트 · 셰이드 · 톤
틴트
- 816091
- 8F719D
- 9C82A9
- AA93B5
- B8A4C1
- C6B6CE
- D4C8DA
- E2DAE6
- F0ECF3
셰이드
- 644473
- 543961
- 452E50
- 372440
- 291A30
- 1B1021
- 0F0713
- 050206
- 010001
톤
- 755585
- 775A84
- 785F84
- 796484
- 7A6983
- 7C6D83
- 7D7282
- 7E7782
- 7F7B81
색 조화
보색 +180°
- 745085
Affair
- 4A6C34
≈ Tree Shade
유사색 -30° +30°
- 745085
Affair
- 5B5993
≈ Old Nan Yarn
- 854A6D
≈ Twilight Lavender
삼각 배색 +120° +240°
분열 보색 +150° +210°
- 745085
Affair
- 69631A
≈ Greenish Brown
- 1E7153
≈ Green Velvet
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AA흰색 위
WCAG 6.50:1 · APCA Lc 82
Ag
Fail검은색 위
WCAG 3.22:1 · APCA Lc 20
가장 좋은 글자색: #FFFFFF
WCAG 6.50:1 (AA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--affair: #745085;
--affair-rgb: 116 80 133;
--affair-oklch: oklch(0.491 0.092 314.4);
}
.element {
color: var(--affair);
background-color: hsl(281 25% 42%);
border-color: oklch(0.491 0.092 314.4);
}Tailwind CSS v4
@theme {
--color-affair: #745085;
--color-affair-50: #ffeeff;
--color-affair-100: #f4dffd;
--color-affair-200: #e4c9ef;
--color-affair-300: #caa9d7;
--color-affair-400: #b38ec5;
--color-affair-500: #9d73b1;
--color-affair-600: #846295;
--color-affair-700: #6a4e78;
--color-affair-800: #4d3959;
--color-affair-900: #36273e;
--color-affair-950: #211528;
}SCSS
$affair: #745085;
$affair-rgb: 116, 80, 133;
$affair-light: mix(#fff, $affair, 20%);
$affair-dark: mix(#000, $affair, 20%);
.element {
color: $affair;
box-shadow: 0 0 0 2px rgba($affair, 0.35);
}