Benannte Farbe · #BB1100
Red Prayer Flag
Red Prayer Flag ist #BB1100: rgb(187 17 0), hsl(5 100% 37%), oklch(0.502 0.199 30.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Red Prayer Flag color name →
#BB1100
oklch(0.502 0.199 30.4)
Farbumrechnungen
- HEX
- #bb1100
- RGB
- rgb(187 17 0)
- HSL
- hsl(5 100% 37%)
- HWB
- hwb(5 0% 27%)
- OKLCH
- oklch(0.502 0.199 30.4)
- OKLab
- oklab(0.502 0.172 0.101)
- CIE Lab
- lab(40.34 62.14 55.47)
- LCH
- lch(40.34 83.29 41.8)
- CMYK
- cmyk(0% 91% 100% 27%)
Tints · Shades · Tones
Tints
- C53929
- CF5442
- D76B5A
- DF8171
- E69688
- EDAB9F
- F3C0B7
- F8D5CF
- FCEAE7
Shades
- A20D00
- 8A0900
- 730600
- 5C0400
- 460200
- 320100
- 1F0000
- 0D0000
- 020000
Tones
- B72A1B
- B33A2B
- AE4638
- A95143
- A45A4E
- 9E6358
- 986B62
- 91726C
- 897976
Farbharmonien
Komplementär +180°
- BB1100
Red Prayer Flag
- 007180
≈ Caribbean Dream
Analog -30° +30°
- BB1100
Red Prayer Flag
- B5095E
≈ Murderous Magenta
- 935100
≈ Mochaccino
Triadisch +120° +240°
- BB1100
Red Prayer Flag
- 007936
≈ La Salle Green
- 3D52D3
≈ Gorgonzola Blue
Geteilt komplementär +150° +210°
- BB1100
Red Prayer Flag
- 007466
≈ Northern Hemisphere
- 006B9F
≈ Jazz Blue
Tetradisch +90° +180° +270°
- BB1100
Red Prayer Flag
- 5B6D00
≈ Over the Hills
- 007180
≈ Caribbean Dream
- 793BC1
≈ Purple Rain
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.57:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.19:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.57:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--red-prayer-flag: #bb1100;
--red-prayer-flag-rgb: 187 17 0;
--red-prayer-flag-oklch: oklch(0.502 0.199 30.4);
}
.element {
color: var(--red-prayer-flag);
background-color: hsl(5 100% 37%);
border-color: oklch(0.502 0.199 30.4);
}Tailwind CSS v4
@theme {
--color-red-prayer-flag: #bb1100;
--color-red-prayer-flag-50: #ffe1d1;
--color-red-prayer-flag-100: #ffd0be;
--color-red-prayer-flag-200: #ffb49e;
--color-red-prayer-flag-300: #ff8d74;
--color-red-prayer-flag-400: #fe6651;
--color-red-prayer-flag-500: #ed3824;
--color-red-prayer-flag-600: #c83221;
--color-red-prayer-flag-700: #a1281a;
--color-red-prayer-flag-800: #791a15;
--color-red-prayer-flag-900: #55120d;
--color-red-prayer-flag-950: #390202;
}SCSS
$red-prayer-flag: #bb1100;
$red-prayer-flag-rgb: 187, 17, 0;
$red-prayer-flag-light: mix(#fff, $red-prayer-flag, 20%);
$red-prayer-flag-dark: mix(#000, $red-prayer-flag, 20%);
.element {
color: $red-prayer-flag;
box-shadow: 0 0 0 2px rgba($red-prayer-flag, 0.35);
}