이름 색상 · #C41661
Secret Affair
Secret Affair은(는) #C41661: rgb(196 22 97), hsl(334 80% 43%), oklch(0.536 0.206 3.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Secret Affair color name →
#C41661
oklch(0.536 0.206 3.4)
색상 변환
- HEX
- #c41661
- RGB
- rgb(196 22 97)
- HSL
- hsl(334 80% 43%)
- HWB
- hwb(334 9% 23%)
- OKLCH
- oklch(0.536 0.206 3.4)
- OKLab
- oklab(0.536 0.205 0.012)
- CIE Lab
- lab(43.63 66.38 5.91)
- LCH
- lch(43.63 66.64 5.1)
- CMYK
- cmyk(0% 89% 51% 23%)
틴트 · 셰이드 · 톤
틴트
- CD3C6F
- D6567E
- DD6D8D
- E5839D
- EB98AD
- F1ACBD
- F5C1CD
- F9D6DD
- FDEAEE
셰이드
- AA1253
- 910D46
- 780939
- 61062D
- 4A0321
- 350215
- 21010B
- 0E0003
- 020000
톤
- BF2D64
- BA3C67
- B4486A
- AE526D
- A85B70
- A16473
- 9A6B77
- 92737A
- 8A797D
색 조화
보색 +180°
- C41661
Secret Affair
- 007F73
≈ Green Garlands
유사색 -30° +30°
- C41661
Secret Affair
- AE2B9E
≈ Purple Cactus Flower
- C52900
≈ Minestrone
삼각 배색 +120° +240°
- C41661
Secret Affair
- 5F7900
≈ Topiary Green
- 0073B2
≈ Post It
분열 보색 +150° +210°
- C41661
Secret Affair
- 008345
≈ Jungle Green
- 007B8E
≈ Bimini Blue
사각 배색 +90° +180° +270°
- C41661
Secret Affair
- 836B00
≈ Muddy Brown
- 007F73
≈ Green Garlands
- 4D59E2
≈ Warm Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 5.77:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.63:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--secret-affair: #c41661;
--secret-affair-rgb: 196 22 97;
--secret-affair-oklch: oklch(0.536 0.206 3.4);
}
.element {
color: var(--secret-affair);
background-color: hsl(334 80% 43%);
border-color: oklch(0.536 0.206 3.4);
}Tailwind CSS v4
@theme {
--color-secret-affair: #c41661;
--color-secret-affair-50: #ffdded;
--color-secret-affair-100: #ffcbde;
--color-secret-affair-200: #ffaec8;
--color-secret-affair-300: #ff86a8;
--color-secret-affair-400: #fb5e92;
--color-secret-affair-500: #ea2b78;
--color-secret-affair-600: #c52866;
--color-secret-affair-700: #9f2151;
--color-secret-affair-800: #76153e;
--color-secret-affair-900: #540e2a;
--color-secret-affair-950: #370118;
}SCSS
$secret-affair: #c41661;
$secret-affair-rgb: 196, 22, 97;
$secret-affair-light: mix(#fff, $secret-affair, 20%);
$secret-affair-dark: mix(#000, $secret-affair, 20%);
.element {
color: $secret-affair;
box-shadow: 0 0 0 2px rgba($secret-affair, 0.35);
}