Benannte Farbe · #B50038
Warlock Red
Warlock Red ist #B50038: rgb(181 0 56), hsl(341 100% 35%), oklch(0.491 0.196 16.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Warlock Red color name →
#B50038
oklch(0.491 0.196 16.1)
Farbumrechnungen
- HEX
- #b50038
- RGB
- rgb(181 0 56)
- HSL
- hsl(341 100% 35%)
- HWB
- hwb(341 0% 29%)
- OKLCH
- oklch(0.491 0.196 16.1)
- OKLab
- oklab(0.491 0.189 0.055)
- CIE Lab
- lab(38.76 63.42 24.88)
- LCH
- lch(38.76 68.12 21.4)
- CMYK
- cmyk(0% 100% 69% 29%)
Tints · Shades · Tones
Tints
- C0334A
- CA4E5D
- D36670
- DC7D83
- E49397
- EBA8AB
- F1BEC0
- F7D4D4
- FBE9EA
Shades
- 9D002F
- 860027
- 6F001F
- 590017
- 44000F
- 300008
- 1D0004
- 0C0001
- 020000
Tones
- B2233F
- AE3547
- AA424E
- A64D55
- A1575C
- 9C6063
- 96696B
- 907172
- 887879
Farbharmonien
Komplementär +180°
- B50038
Warlock Red
- 006F70
≈ Active Turquoise
Analog -30° +30°
- B50038
Warlock Red
- A71477
≈ Fabric of Love
- 9D4100
≈ Roux
Triadisch +120° +240°
- B50038
Warlock Red
- 357200
≈ Battle Cat
- 005DBD
≈ Amnesia Blue
Geteilt komplementär +150° +210°
- B50038
Warlock Red
- 007253
≈ Lush Meadow
- 006B89
≈ Techno Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.94:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.02:1 · APCA Lc 20
Beste Textfarbe: #FFFFFF
WCAG 6.94:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--warlock-red: #b50038;
--warlock-red-rgb: 181 0 56;
--warlock-red-oklch: oklch(0.491 0.196 16.1);
}
.element {
color: var(--warlock-red);
background-color: hsl(341 100% 35%);
border-color: oklch(0.491 0.196 16.1);
}Tailwind CSS v4
@theme {
--color-warlock-red: #b50038;
--color-warlock-red-50: #ffdfe0;
--color-warlock-red-100: #ffcecf;
--color-warlock-red-200: #ffb1b4;
--color-warlock-red-300: #ff8a91;
--color-warlock-red-400: #fc6376;
--color-warlock-red-500: #eb3457;
--color-warlock-red-600: #c62f4b;
--color-warlock-red-700: #a0263b;
--color-warlock-red-800: #77192d;
--color-warlock-red-900: #54111e;
--color-warlock-red-950: #38020e;
}SCSS
$warlock-red: #b50038;
$warlock-red-rgb: 181, 0, 56;
$warlock-red-light: mix(#fff, $warlock-red, 20%);
$warlock-red-dark: mix(#000, $warlock-red, 20%);
.element {
color: $warlock-red;
box-shadow: 0 0 0 2px rgba($warlock-red, 0.35);
}