Benannte Farbe · #990033
Lifeline
Lifeline ist #990033: rgb(153 0 51), hsl(340 100% 30%), oklch(0.435 0.174 13.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Lifeline color name →
#990033
oklch(0.435 0.174 13.8)
Farbumrechnungen
- HEX
- #990033
- RGB
- rgb(153 0 51)
- HSL
- hsl(340 100% 30%)
- HWB
- hwb(340 0% 40%)
- OKLCH
- oklch(0.435 0.174 13.8)
- OKLab
- oklab(0.435 0.169 0.042)
- CIE Lab
- lab(32.45 56.2 18.73)
- LCH
- lch(32.45 59.24 18.4)
- CMYK
- cmyk(0% 100% 67% 40%)
Tints · Shades · Tones
Tints
- A62D45
- B34858
- BF606B
- CA777F
- D48D93
- DEA4A8
- E7BABD
- F0D1D3
- F8E8E9
Shades
- 84002B
- 700023
- 5D001C
- 4A0014
- 38000D
- 270007
- 170003
- 080001
- 010000
Tones
- 991F3B
- 982F42
- 973C4A
- 954851
- 935259
- 915C61
- 8E6568
- 8A6E70
- 857778
Farbharmonien
Komplementär +180°
- 990033
Lifeline
- 005E5D
≈ Sandhill Crane
Analog -30° +30°
- 990033
Lifeline
- 8C1168
≈ Possessed Purple
- 873300
≈ Coffee Addiction
Triadisch +120° +240°
- 990033
Lifeline
- 325F00
≈ Thuja Green
- 00509A
≈ Freshwater Lake
Geteilt komplementär +150° +210°
- 990033
Lifeline
- 006143
≈ Aotake Bamboo
- 005A72
≈ Octagon Ocean
Tetradisch +90° +180° +270°
- 990033
Lifeline
- 5A5300
≈ Douro
- 005E5D
≈ Sandhill Crane
- 4B38AB
≈ Blue Violet
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.74:1 · APCA Lc 88
Ag
FailAuf Schwarz
WCAG 2.40:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 8.74:1 (AAA) · APCA Lc 88
Contrast pairs
Code-Snippets
CSS
:root {
--lifeline: #990033;
--lifeline-rgb: 153 0 51;
--lifeline-oklch: oklch(0.435 0.174 13.8);
}
.element {
color: var(--lifeline);
background-color: hsl(340 100% 30%);
border-color: oklch(0.435 0.174 13.8);
}Tailwind CSS v4
@theme {
--color-lifeline: #990033;
--color-lifeline-50: #ffe2e4;
--color-lifeline-100: #ffd1d4;
--color-lifeline-200: #ffb5bb;
--color-lifeline-300: #ff9099;
--color-lifeline-400: #f36d7f;
--color-lifeline-500: #e14563;
--color-lifeline-600: #be3c54;
--color-lifeline-700: #993043;
--color-lifeline-800: #722132;
--color-lifeline-900: #501622;
--color-lifeline-950: #350611;
}SCSS
$lifeline: #990033;
$lifeline-rgb: 153, 0, 51;
$lifeline-light: mix(#fff, $lifeline, 20%);
$lifeline-dark: mix(#000, $lifeline, 20%);
.element {
color: $lifeline;
box-shadow: 0 0 0 2px rgba($lifeline, 0.35);
}