Benannte Farbe · #C41661
Secret Affair
Secret Affair ist #C41661: rgb(196 22 97), hsl(334 80% 43%), oklch(0.536 0.206 3.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Secret Affair color name →
#C41661
oklch(0.536 0.206 3.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- CD3C6F
- D6567E
- DD6D8D
- E5839D
- EB98AD
- F1ACBD
- F5C1CD
- F9D6DD
- FDEAEE
Shades
- AA1253
- 910D46
- 780939
- 61062D
- 4A0321
- 350215
- 21010B
- 0E0003
- 020000
Tones
- BF2D64
- BA3C67
- B4486A
- AE526D
- A85B70
- A16473
- 9A6B77
- 92737A
- 8A797D
Farbharmonien
Komplementär +180°
- C41661
Secret Affair
- 007F73
≈ Green Garlands
Analog -30° +30°
- C41661
Secret Affair
- AE2B9E
≈ Purple Cactus Flower
- C52900
≈ Minestrone
Triadisch +120° +240°
- C41661
Secret Affair
- 5F7900
≈ Topiary Green
- 0073B2
≈ Post It
Geteilt komplementär +150° +210°
- C41661
Secret Affair
- 008345
≈ Jungle Green
- 007B8E
≈ Bimini Blue
Tetradisch +90° +180° +270°
- C41661
Secret Affair
- 836B00
≈ Muddy Brown
- 007F73
≈ Green Garlands
- 4D59E2
≈ Warm Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.77:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.63:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.77:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
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);
}