Nächste benannte Farbe · #D01C5F
#D01C5F
Nächste benannte Farbe: Love Potion
#D01C5F (rgb(208 28 95), hsl(338 76% 46%), oklch(0.56 0.211 6.9)) liegt am nächsten an der benannten Farbe Love Potion. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D01C5F
oklch(0.56 0.211 6.9)
Farbumrechnungen
- HEX
- #d01c5f
- RGB
- rgb(208 28 95)
- HSL
- hsl(338 76% 46%)
- HWB
- hwb(338 11% 18%)
- OKLCH
- oklch(0.56 0.211 6.9)
- OKLab
- oklab(0.56 0.209 0.025)
- CIE Lab
- lab(46.39 68.32 11.44)
- LCH
- lch(46.39 69.27 9.5)
- CMYK
- cmyk(0% 87% 54% 18%)
Tints · Shades · Tones
Tints
- D8406E
- DF5A7D
- E6718C
- EC869C
- F19BAC
- F6AFBC
- F9C3CC
- FCD7DD
- FEEBEE
Shades
- B51752
- 9A1244
- 800D38
- 67082C
- 4F0520
- 390215
- 23010A
- 100003
- 020000
Tones
- CA3262
- C34066
- BD4B69
- B6556C
- AE5E6F
- A66673
- 9E6D76
- 957479
- 8B7A7D
Farbharmonien
Komplementär +180°
- D01C5F
Love Potion
- 00867E
≈ Ornamental Turquoise
Analog -30° +30°
- D01C5F
Love Potion
- BB2EA0
≈ Byzantine
- CA3B00
≈ Sauce Piquante
Triadisch +120° +240°
- D01C5F
Love Potion
- 5D8300
≈ Avocado
- 0079C5
≈ Diva Blue
Geteilt komplementär +150° +210°
- D01C5F
Love Potion
- 008B53
≈ Iceland Green
- 00829A
≈ Decore Splash
Tetradisch +90° +180° +270°
- D01C5F
Love Potion
- 887400
≈ Vermin Brown
- 00867E
≈ Ornamental Turquoise
- 5B5CEC
≈ Arcane Brew
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.23:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.01:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--love-potion: #d01c5f;
--love-potion-rgb: 208 28 95;
--love-potion-oklch: oklch(0.56 0.211 6.9);
}
.element {
color: var(--love-potion);
background-color: hsl(338 76% 46%);
border-color: oklch(0.56 0.211 6.9);
}Tailwind CSS v4
@theme {
--color-love-potion: #d01c5f;
--color-love-potion-50: #ffdde8;
--color-love-potion-100: #ffcbd9;
--color-love-potion-200: #ffadc1;
--color-love-potion-300: #ff84a1;
--color-love-potion-400: #ff5c89;
--color-love-potion-500: #ee246e;
--color-love-potion-600: #c9235d;
--color-love-potion-700: #a21d4a;
--color-love-potion-800: #781239;
--color-love-potion-900: #550c27;
--color-love-potion-950: #390015;
}SCSS
$love-potion: #d01c5f;
$love-potion-rgb: 208, 28, 95;
$love-potion-light: mix(#fff, $love-potion, 20%);
$love-potion-dark: mix(#000, $love-potion, 20%);
.element {
color: $love-potion;
box-shadow: 0 0 0 2px rgba($love-potion, 0.35);
}