Benannte Farbe · #DC7B7C
Babe
Babe ist #DC7B7C: rgb(220 123 124), hsl(359 58% 67%), oklch(0.69 0.121 20). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Babe color name →
#DC7B7C
oklch(0.69 0.121 20)
Farbumrechnungen
- HEX
- #dc7b7c
- RGB
- rgb(220 123 124)
- HSL
- hsl(359 58% 67%)
- HWB
- hwb(359 48% 14%)
- OKLCH
- oklch(0.69 0.121 20)
- OKLab
- oklab(0.69 0.113 0.041)
- CIE Lab
- lab(62.8 38.52 17.01)
- LCH
- lch(62.8 42.11 23.8)
- CMYK
- cmyk(0% 44% 44% 14%)
Tints · Shades · Tones
Tints
- E18889
- E59695
- EAA3A2
- EEB0AF
- F1BDBC
- F5CAC9
- F8D7D6
- FAE5E4
- FDF2F1
Shades
- BF6A6B
- A35A5A
- 884A4A
- 6E3A3B
- 542C2C
- 3C1E1E
- 261011
- 110505
- 020101
Tones
- D37C7D
- CA7D7D
- C27E7E
- B97F7E
- B07F7E
- A6807F
- 9D807F
- 94807F
- 8A8080
Farbharmonien
Komplementär +180°
- DC7B7C
Babe
- 00B1B8
≈ Marrakech Mile
Analog -30° +30°
- DC7B7C
Babe
- D37BA6
≈ Wild Orchid
- D78453
≈ Copperhead
Triadisch +120° +240°
- DC7B7C
Babe
- 71AE64
≈ Ferntastic
- 6E9BE6
≈ Guilliman Blue
Geteilt komplementär +150° +210°
- DC7B7C
Babe
- 36B390
≈ Walk in the Woods
- 36A8D7
≈ Modal
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.92:1 · APCA Lc 55
Ag
AAAAuf Schwarz
WCAG 7.16:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--babe: #dc7b7c;
--babe-rgb: 220 123 124;
--babe-oklch: oklch(0.69 0.121 20);
}
.element {
color: var(--babe);
background-color: hsl(359 58% 67%);
border-color: oklch(0.69 0.121 20);
}Tailwind CSS v4
@theme {
--color-babe: #dc7b7c;
--color-babe-50: #ffe8e6;
--color-babe-100: #ffd9d6;
--color-babe-200: #ffc0bd;
--color-babe-300: #ef9f9c;
--color-babe-400: #dd8081;
--color-babe-500: #ca6164;
--color-babe-600: #aa5355;
--color-babe-700: #894244;
--color-babe-800: #662f32;
--color-babe-900: #472022;
--color-babe-950: #2e0f11;
}SCSS
$babe: #dc7b7c;
$babe-rgb: 220, 123, 124;
$babe-light: mix(#fff, $babe, 20%);
$babe-dark: mix(#000, $babe, 20%);
.element {
color: $babe;
box-shadow: 0 0 0 2px rgba($babe, 0.35);
}