Benannte Farbe · #B0907C
Mazzone
Mazzone ist #B0907C: rgb(176 144 124), hsl(23 25% 59%), oklch(0.678 0.048 53.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mazzone color name →
#B0907C
oklch(0.678 0.048 53.7)
Farbumrechnungen
- HEX
- #b0907c
- RGB
- rgb(176 144 124)
- HSL
- hsl(23 25% 59%)
- HWB
- hwb(23 49% 31%)
- OKLCH
- oklch(0.678 0.048 53.7)
- OKLab
- oklab(0.678 0.029 0.039)
- CIE Lab
- lab(62.4 10.22 15.44)
- LCH
- lch(62.4 18.52 56.5)
- CMYK
- cmyk(0% 18% 30% 31%)
Tints · Shades · Tones
Tints
- B89B89
- C0A595
- C8B0A2
- D0BBAF
- D7C6BC
- DFD1C9
- E7DDD6
- EFE8E4
- F7F3F1
Shades
- 997D6B
- 826A5A
- 6C574A
- 56453B
- 42342C
- 2E241E
- 1C1511
- 0B0705
- 010101
Tones
- AB8E7D
- A68D7D
- A28B7E
- 9D8A7E
- 98887E
- 93877F
- 8E857F
- 8A837F
- 858280
Farbharmonien
Komplementär +180°
- B0907C
Mazzone
- 7B9DB1
≈ Blue Cascade
Analog -30° +30°
- B0907C
Mazzone
- B48C89
≈ Victorian Mauve
- A69576
≈ San Antonio Sage
Triadisch +120° +240°
- B0907C
Mazzone
- 79A295
≈ Mountain Outlook
- 9892B3
≈ Indifferent
Geteilt komplementär +150° +210°
- B0907C
Mazzone
- 74A1A5
≈ Spartacus
- 8898B6
≈ Periwinkle Blossom
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.94:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.12:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--mazzone: #b0907c;
--mazzone-rgb: 176 144 124;
--mazzone-oklch: oklch(0.678 0.048 53.7);
}
.element {
color: var(--mazzone);
background-color: hsl(23 25% 59%);
border-color: oklch(0.678 0.048 53.7);
}Tailwind CSS v4
@theme {
--color-mazzone: #b0907c;
--color-mazzone-50: #fff2e8;
--color-mazzone-100: #f5e4d9;
--color-mazzone-200: #e5cfc1;
--color-mazzone-300: #ccb2a0;
--color-mazzone-400: #b69784;
--color-mazzone-500: #a07e68;
--color-mazzone-600: #876b59;
--color-mazzone-700: #6d5547;
--color-mazzone-800: #503e33;
--color-mazzone-900: #382b23;
--color-mazzone-950: #221812;
}SCSS
$mazzone: #b0907c;
$mazzone-rgb: 176, 144, 124;
$mazzone-light: mix(#fff, $mazzone, 20%);
$mazzone-dark: mix(#000, $mazzone, 20%);
.element {
color: $mazzone;
box-shadow: 0 0 0 2px rgba($mazzone, 0.35);
}