Benannte Farbe · #CA4042
Mullen Pink
Mullen Pink ist #CA4042: rgb(202 64 66), hsl(359 57% 52%), oklch(0.571 0.175 23.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Mullen Pink color name →
#CA4042
oklch(0.571 0.175 23.8)
Farbumrechnungen
- HEX
- #ca4042
- RGB
- rgb(202 64 66)
- HSL
- hsl(359 57% 52%)
- HWB
- hwb(359 25% 21%)
- OKLCH
- oklch(0.571 0.175 23.8)
- OKLab
- oklab(0.571 0.16 0.07)
- CIE Lab
- lab(48.44 55.31 31.47)
- LCH
- lch(48.44 63.64 29.6)
- CMYK
- cmyk(0% 68% 67% 21%)
Tints · Shades · Tones
Tints
- D25654
- D96B67
- E07E79
- E6918B
- ECA39E
- F1B6B1
- F6C8C4
- F9DAD8
- FDEDEB
Shades
- AF3638
- 952D2F
- 7C2425
- 641B1C
- 4D1314
- 370B0B
- 220505
- 0F0101
- 020000
Tones
- C44A49
- BE5250
- B75A56
- B1605C
- AA6763
- A26C69
- 9B726F
- 927774
- 8A7B7A
Farbharmonien
Komplementär +180°
- CA4042
Mullen Pink
- 008892
≈ Tuscana Blue
Analog -30° +30°
- CA4042
Mullen Pink
- C0407F
≈ Razzle Dazzle
- B65B00
≈ Elm Brown Red
Triadisch +120° +240°
- CA4042
Mullen Pink
- 1B9025
≈ Yushan Green
- 4070DD
≈ Royal Blue
Geteilt komplementär +150° +210°
- CA4042
Mullen Pink
- 008C72
≈ Industrial Turquoise
- 0082B2
≈ Lucario Blue
Tetradisch +90° +180° +270°
- CA4042
Mullen Pink
- 787F00
≈ Verde Tropa
- 008892
≈ Tuscana Blue
- 805DD3
≈ Fuchsia Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.85:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.32:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.85:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--mullen-pink: #ca4042;
--mullen-pink-rgb: 202 64 66;
--mullen-pink-oklch: oklch(0.571 0.175 23.8);
}
.element {
color: var(--mullen-pink);
background-color: hsl(359 57% 52%);
border-color: oklch(0.571 0.175 23.8);
}Tailwind CSS v4
@theme {
--color-mullen-pink: #ca4042;
--color-mullen-pink-50: #ffe3db;
--color-mullen-pink-100: #ffd2ca;
--color-mullen-pink-200: #ffb7ad;
--color-mullen-pink-300: #ff9288;
--color-mullen-pink-400: #f46e6b;
--color-mullen-pink-500: #e2474a;
--color-mullen-pink-600: #bf3e3f;
--color-mullen-pink-700: #9a3132;
--color-mullen-pink-800: #732226;
--color-mullen-pink-900: #511719;
--color-mullen-pink-950: #36060a;
}SCSS
$mullen-pink: #ca4042;
$mullen-pink-rgb: 202, 64, 66;
$mullen-pink-light: mix(#fff, $mullen-pink, 20%);
$mullen-pink-dark: mix(#000, $mullen-pink, 20%);
.element {
color: $mullen-pink;
box-shadow: 0 0 0 2px rgba($mullen-pink, 0.35);
}