Benannte Farbe · #DD3344
Cruel Ruby
Cruel Ruby ist #DD3344: rgb(221 51 68), hsl(354 71% 53%), oklch(0.592 0.205 21.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Cruel Ruby color name →
#DD3344
oklch(0.592 0.205 21.3)
Farbumrechnungen
- HEX
- #dd3344
- RGB
- rgb(221 51 68)
- HSL
- hsl(354 71% 53%)
- HWB
- hwb(354 20% 13%)
- OKLCH
- oklch(0.592 0.205 21.3)
- OKLab
- oklab(0.592 0.191 0.074)
- CIE Lab
- lab(50.47 65.46 33.72)
- LCH
- lch(50.47 73.64 27.3)
- CMYK
- cmyk(0% 77% 69% 13%)
Tints · Shades · Tones
Tints
- E44F56
- EA6669
- EF7B7B
- F38F8D
- F7A2A0
- FBB5B2
- FDC7C5
- FFDAD8
- FFECEB
Shades
- C02B3A
- A42330
- 881C26
- 6E141D
- 550D14
- 3D070C
- 260305
- 110102
- 020000
Tones
- D5414B
- CD4C51
- C55658
- BD5E5E
- B46564
- AB6B6A
- A1716F
- 977675
- 8C7B7B
Farbharmonien
Komplementär +180°
- DD3344
Cruel Ruby
- 008F96
≈ Christina Brown
Analog -30° +30°
- DD3344
Cruel Ruby
- D0368C
≈ Magenta Pink
- C25D00
≈ Crema
Triadisch +120° +240°
- DD3344
Cruel Ruby
- 1E9800
≈ Innisfree Garden
- 2F75F5
≈ Deep Sky Blue
Geteilt komplementär +150° +210°
- DD3344
Cruel Ruby
- 009375
≈ Dòu Lǜ Green
- 0089B8
≈ Mermaid Dreams
Tetradisch +90° +180° +270°
- DD3344
Cruel Ruby
- 818400
≈ Drably Olive
- 008F96
≈ Christina Brown
- 835DEB
≈ Gloomy Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.53:1 · APCA Lc 70
Ag
AAAuf Schwarz
WCAG 4.63:1 · APCA Lc 32
Beste Textfarbe: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
Code-Snippets
CSS
:root {
--cruel-ruby: #dd3344;
--cruel-ruby-rgb: 221 51 68;
--cruel-ruby-oklch: oklch(0.592 0.205 21.3);
}
.element {
color: var(--cruel-ruby);
background-color: hsl(354 71% 53%);
border-color: oklch(0.592 0.205 21.3);
}Tailwind CSS v4
@theme {
--color-cruel-ruby: #dd3344;
--color-cruel-ruby-50: #ffdfda;
--color-cruel-ruby-100: #ffcdc8;
--color-cruel-ruby-200: #ffb0aa;
--color-cruel-ruby-300: #ff8884;
--color-cruel-ruby-400: #ff6067;
--color-cruel-ruby-500: #ef2d45;
--color-cruel-ruby-600: #ca2a3b;
--color-cruel-ruby-700: #a3222f;
--color-cruel-ruby-800: #7a1624;
--color-cruel-ruby-900: #560f18;
--color-cruel-ruby-950: #390109;
}SCSS
$cruel-ruby: #dd3344;
$cruel-ruby-rgb: 221, 51, 68;
$cruel-ruby-light: mix(#fff, $cruel-ruby, 20%);
$cruel-ruby-dark: mix(#000, $cruel-ruby, 20%);
.element {
color: $cruel-ruby;
box-shadow: 0 0 0 2px rgba($cruel-ruby, 0.35);
}