Benannte Farbe · #FF1144
Rich Red
Rich Red ist #FF1144: rgb(255 17 68), hsl(347 100% 53%), oklch(0.636 0.251 20.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rich Red color name →
#FF1144
oklch(0.636 0.251 20.4)
Farbumrechnungen
- HEX
- #ff1144
- RGB
- rgb(255 17 68)
- HSL
- hsl(347 100% 53%)
- HWB
- hwb(347 7% 0%)
- OKLCH
- oklch(0.636 0.251 20.4)
- OKLab
- oklab(0.636 0.235 0.088)
- CIE Lab
- lab(55.07 80.46 41.08)
- LCH
- lch(55.07 90.35 27)
- CMYK
- cmyk(0% 93% 73% 0%)
Tints · Shades · Tones
Tints
- FF4357
- FF606A
- FF787C
- FF8D8F
- FFA1A1
- FFB5B3
- FFC8C6
- FFDAD9
- FFEDEC
Shades
- DE0D3A
- BE0930
- 9E0626
- 80041D
- 630214
- 48010C
- 2E0005
- 160002
- 030000
Tones
- F4324B
- E94452
- DD5159
- D25B5F
- C66365
- B96B6B
- AC7170
- 9E7776
- 907C7B
Farbharmonien
Komplementär +180°
- FF1144
Rich Red
- 009EA5
≈ Turkish Boy
Analog -30° +30°
- FF1144
Rich Red
- EF219F
≈ Fanatic Fuchsia
- D76600
≈ Apple II Chocolate
Triadisch +120° +240°
- FF1144
Rich Red
- 2DA700
≈ Peter Pan
- 3E85FF
≈ Dodger Blue
Geteilt komplementär +150° +210°
- FF1144
Rich Red
- 00A380
≈ Sport Green
- 0098C9
≈ UV Light
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.87:1 · APCA Lc 64
Ag
AAAuf Schwarz
WCAG 5.41:1 · APCA Lc 38
Beste Textfarbe: #000000
WCAG 5.41:1 (AA) · APCA Lc 38
Contrast pairs
Code-Snippets
CSS
:root {
--rich-red: #ff1144;
--rich-red-rgb: 255 17 68;
--rich-red-oklch: oklch(0.636 0.251 20.4);
}
.element {
color: var(--rich-red);
background-color: hsl(347 100% 53%);
border-color: oklch(0.636 0.251 20.4);
}Tailwind CSS v4
@theme {
--color-rich-red: #ff1144;
--color-rich-red-50: #ffd9d4;
--color-rich-red-100: #ffc6c1;
--color-rich-red-200: #ffa6a2;
--color-rich-red-300: #ff797a;
--color-rich-red-400: #ff455b;
--color-rich-red-500: #ff0036;
--color-rich-red-600: #da002f;
--color-rich-red-700: #b00025;
--color-rich-red-800: #83001d;
--color-rich-red-900: #5d0013;
--color-rich-red-950: #3f0006;
}SCSS
$rich-red: #ff1144;
$rich-red-rgb: 255, 17, 68;
$rich-red-light: mix(#fff, $rich-red, 20%);
$rich-red-dark: mix(#000, $rich-red, 20%);
.element {
color: $rich-red;
box-shadow: 0 0 0 2px rgba($rich-red, 0.35);
}