Benannte Farbe · #D4265D
Beet Wave
Beet Wave ist #D4265D: rgb(212 38 93), hsl(341 70% 49%), oklch(0.572 0.207 9.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Beet Wave color name →
#D4265D
oklch(0.572 0.207 9.3)
Farbumrechnungen
- HEX
- #d4265d
- RGB
- rgb(212 38 93)
- HSL
- hsl(341 70% 49%)
- HWB
- hwb(341 15% 17%)
- OKLCH
- oklch(0.572 0.207 9.3)
- OKLab
- oklab(0.572 0.205 0.034)
- CIE Lab
- lab(47.88 67.25 14.86)
- LCH
- lch(47.88 68.87 12.5)
- CMYK
- cmyk(0% 82% 56% 17%)
Tints · Shades · Tones
Tints
- DC466C
- E25E7B
- E9748B
- EE899B
- F39DAB
- F7B1BB
- FAC4CC
- FDD8DD
- FEEBEE
Shades
- B82050
- 9D1943
- 831337
- 690D2A
- 51081F
- 3A0414
- 24020A
- 100103
- 020000
Tones
- CD3861
- C64564
- BF4F68
- B8586B
- B0606F
- A86872
- 9F6E76
- 957579
- 8B7A7D
Farbharmonien
Komplementär +180°
- D4265D
Beet Wave
- 008A84
≈ Navigate
Analog -30° +30°
- D4265D
Beet Wave
- C0339F
≈ Byzantine
- CB4400
≈ Mellow Mango
Triadisch +120° +240°
- D4265D
Beet Wave
- 5A8800
≈ Pesto Alla Genovese
- 007BD0
≈ Blue-Eyed Boy
Geteilt komplementär +150° +210°
- D4265D
Beet Wave
- 008E5B
≈ Center Field
- 0086A1
≈ Blue Arc
Tetradisch +90° +180° +270°
- D4265D
Beet Wave
- 897800
≈ Soft Fig
- 008A84
≈ Navigate
- 655FED
≈ Blue Hepatica
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.95:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.23:1 · APCA Lc 29
Beste Textfarbe: #FFFFFF
WCAG 4.95:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--beet-wave: #d4265d;
--beet-wave-rgb: 212 38 93;
--beet-wave-oklch: oklch(0.572 0.207 9.3);
}
.element {
color: var(--beet-wave);
background-color: hsl(341 70% 49%);
border-color: oklch(0.572 0.207 9.3);
}Tailwind CSS v4
@theme {
--color-beet-wave: #d4265d;
--color-beet-wave-50: #ffdde6;
--color-beet-wave-100: #ffcbd6;
--color-beet-wave-200: #ffaebe;
--color-beet-wave-300: #ff869c;
--color-beet-wave-400: #ff5d84;
--color-beet-wave-500: #ed2868;
--color-beet-wave-600: #c82658;
--color-beet-wave-700: #a11f46;
--color-beet-wave-800: #781435;
--color-beet-wave-900: #550d24;
--color-beet-wave-950: #390013;
}SCSS
$beet-wave: #d4265d;
$beet-wave-rgb: 212, 38, 93;
$beet-wave-light: mix(#fff, $beet-wave, 20%);
$beet-wave-dark: mix(#000, $beet-wave, 20%);
.element {
color: $beet-wave;
box-shadow: 0 0 0 2px rgba($beet-wave, 0.35);
}