Benannte Farbe · #BB1133
Active Volcano
Active Volcano ist #BB1133: rgb(187 17 51), hsl(348 83% 40%), oklch(0.507 0.196 19.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Active Volcano color name →
#BB1133
oklch(0.507 0.196 19.7)
Farbumrechnungen
- HEX
- #bb1133
- RGB
- rgb(187 17 51)
- HSL
- hsl(348 83% 40%)
- HWB
- hwb(348 7% 27%)
- OKLCH
- oklch(0.507 0.196 19.7)
- OKLab
- oklab(0.507 0.184 0.066)
- CIE Lab
- lab(40.67 62.91 30.64)
- LCH
- lch(40.67 69.98 26)
- CMYK
- cmyk(0% 91% 73% 27%)
Tints · Shades · Tones
Tints
- C53947
- CF535A
- D76A6E
- DF8081
- E79696
- EDABAA
- F3C0BF
- F8D5D4
- FCEAE9
Shades
- A20D2B
- 8A0923
- 73061C
- 5C0414
- 46020D
- 320107
- 1F0003
- 0D0001
- 020000
Tones
- B72A3B
- B33A44
- AE464B
- A95053
- A45A5B
- 9E6262
- 986A6A
- 917271
- 897979
Farbharmonien
Komplementär +180°
- BB1133
Active Volcano
- 007478
≈ Maxi Teal
Analog -30° +30°
- BB1133
Active Volcano
- AF1A75
≈ King’s Plum Pie
- 9F4800
≈ Oregon
Triadisch +120° +240°
- BB1133
Active Volcano
- 247900
≈ Botanical Beauty
- 0B5CD2
≈ Bnei Brak Bay
Geteilt komplementär +150° +210°
- BB1133
Active Volcano
- 00775C
≈ Tropical Rainforest
- 006F93
≈ Tropic Sea
Tetradisch +90° +180° +270°
- BB1133
Active Volcano
- 6A6A00
≈ Worn Olive
- 007478
≈ Maxi Teal
- 6845CA
≈ Waiporoporo Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.47:1 · APCA Lc 80
Ag
FailAuf Schwarz
WCAG 3.24:1 · APCA Lc 22
Beste Textfarbe: #FFFFFF
WCAG 6.47:1 (AA) · APCA Lc 80
Contrast pairs
Code-Snippets
CSS
:root {
--active-volcano: #bb1133;
--active-volcano-rgb: 187 17 51;
--active-volcano-oklch: oklch(0.507 0.196 19.7);
}
.element {
color: var(--active-volcano);
background-color: hsl(348 83% 40%);
border-color: oklch(0.507 0.196 19.7);
}Tailwind CSS v4
@theme {
--color-active-volcano: #bb1133;
--color-active-volcano-50: #ffe0dc;
--color-active-volcano-100: #ffcecb;
--color-active-volcano-200: #ffb2af;
--color-active-volcano-300: #ff8b8a;
--color-active-volcano-400: #fd646d;
--color-active-volcano-500: #eb364d;
--color-active-volcano-600: #c73042;
--color-active-volcano-700: #a02734;
--color-active-volcano-800: #771a28;
--color-active-volcano-900: #54111b;
--color-active-volcano-950: #38020b;
}SCSS
$active-volcano: #bb1133;
$active-volcano-rgb: 187, 17, 51;
$active-volcano-light: mix(#fff, $active-volcano, 20%);
$active-volcano-dark: mix(#000, $active-volcano, 20%);
.element {
color: $active-volcano;
box-shadow: 0 0 0 2px rgba($active-volcano, 0.35);
}