Benannte Farbe · #D0576B
Imayou Pink
Imayou Pink ist #D0576B: rgb(208 87 107), hsl(350 56% 58%), oklch(0.616 0.154 12.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Imayou Pink color name →
#D0576B
oklch(0.616 0.154 12.7)
Farbumrechnungen
- HEX
- #d0576b
- RGB
- rgb(208 87 107)
- HSL
- hsl(350 56% 58%)
- HWB
- hwb(350 34% 18%)
- OKLCH
- oklch(0.616 0.154 12.7)
- OKLab
- oklab(0.616 0.15 0.034)
- CIE Lab
- lab(53.77 49.99 14.24)
- LCH
- lch(53.77 51.98 15.9)
- CMYK
- cmyk(0% 58% 49% 18%)
Tints · Shades · Tones
Tints
- D76979
- DD7A87
- E38B95
- E89CA4
- EDACB3
- F2BDC1
- F6CDD1
- FADEE0
- FDEEEF
Shades
- B54B5C
- 9A3E4E
- 80333F
- 672732
- 4F1C25
- 391218
- 23080D
- 100304
- 020000
Tones
- C95D6D
- C2626F
- BB6771
- B36B74
- AB6F76
- A37378
- 9B777A
- 937A7C
- 8A7D7E
Farbharmonien
Komplementär +180°
- D0576B
Imayou Pink
- 009996
≈ Regula Barbara Blue
Analog -30° +30°
- D0576B
Imayou Pink
- C15A9E
≈ Llilacquered
- CE602E
≈ Harvest Pumpkin
Triadisch +120° +240°
- D0576B
Imayou Pink
- 5F9727
≈ Limeade
- 3487DE
≈ Bleu de France
Geteilt komplementär +150° +210°
- D0576B
Imayou Pink
- 009D6D
≈ Jitterbug Jade
- 0093B7
≈ Blue Danube
Tetradisch +90° +180° +270°
- D0576B
Imayou Pink
- 948700
≈ Medusa Green
- 009996
≈ Regula Barbara Blue
- 7A76DD
≈ Hera Blue
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.99:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.25:1 · APCA Lc 35
Beste Textfarbe: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Code-Snippets
CSS
:root {
--imayou-pink: #d0576b;
--imayou-pink-rgb: 208 87 107;
--imayou-pink-oklch: oklch(0.616 0.154 12.7);
}
.element {
color: var(--imayou-pink);
background-color: hsl(350 56% 58%);
border-color: oklch(0.616 0.154 12.7);
}Tailwind CSS v4
@theme {
--color-imayou-pink: #d0576b;
--color-imayou-pink-50: #ffe4e7;
--color-imayou-pink-100: #ffd4d8;
--color-imayou-pink-200: #ffb9c0;
--color-imayou-pink-300: #fc969e;
--color-imayou-pink-400: #ea7485;
--color-imayou-pink-500: #d85169;
--color-imayou-pink-600: #b64659;
--color-imayou-pink-700: #923847;
--color-imayou-pink-800: #6d2735;
--color-imayou-pink-900: #4d1a24;
--color-imayou-pink-950: #320a13;
}SCSS
$imayou-pink: #d0576b;
$imayou-pink-rgb: 208, 87, 107;
$imayou-pink-light: mix(#fff, $imayou-pink, 20%);
$imayou-pink-dark: mix(#000, $imayou-pink, 20%);
.element {
color: $imayou-pink;
box-shadow: 0 0 0 2px rgba($imayou-pink, 0.35);
}