Benannte Farbe · #B78999
Monastir
Monastir ist #B78999: rgb(183 137 153), hsl(339 24% 63%), oklch(0.679 0.06 356.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Monastir color name →
#B78999
oklch(0.679 0.06 356.1)
Farbumrechnungen
- HEX
- #b78999
- RGB
- rgb(183 137 153)
- HSL
- hsl(339 24% 63%)
- HWB
- hwb(339 54% 28%)
- OKLCH
- oklch(0.679 0.06 356.1)
- OKLab
- oklab(0.679 0.06 -0.004)
- CIE Lab
- lab(62 19.92 -1.33)
- LCH
- lch(62 19.97 356.2)
- CMYK
- cmyk(0% 25% 16% 28%)
Tints · Shades · Tones
Tints
- BE94A3
- C6A0AD
- CDABB7
- D4B7C1
- DCC3CB
- E3CFD5
- EADBDF
- F1E7EA
- F8F3F4
Shades
- 9F7684
- 876470
- 70535D
- 5A424A
- 453138
- 312227
- 1E1417
- 0C0708
- 020101
Tones
- B28896
- AC8794
- A78791
- A1868F
- 9C858C
- 96848A
- 918387
- 8B8285
- 868182
Farbharmonien
Komplementär +180°
- B78999
Monastir
- 70A597
≈ Harmony in Green
Analog -30° +30°
- B78999
Monastir
- AC8CAC
≈ Voila!
- BA8A85
≈ Toki Brown
Triadisch +120° +240°
- B78999
Monastir
- 969D73
≈ Alamosa Green
- 749EB8
≈ Crisp French Blue
Geteilt komplementär +150° +210°
- B78999
Monastir
- 81A282
≈ Grey Green
- 6BA3AA
≈ Fairstar
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.97:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.05:1 · APCA Lc 45
Beste Textfarbe: #000000
WCAG 7.05:1 (AAA) · APCA Lc 45
Contrast pairs
Code-Snippets
CSS
:root {
--monastir: #b78999;
--monastir-rgb: 183 137 153;
--monastir-oklch: oklch(0.679 0.06 356.1);
}
.element {
color: var(--monastir);
background-color: hsl(339 24% 63%);
border-color: oklch(0.679 0.06 356.1);
}Tailwind CSS v4
@theme {
--color-monastir: #b78999;
--color-monastir-50: #ffeef5;
--color-monastir-100: #fae0e8;
--color-monastir-200: #ebcad4;
--color-monastir-300: #d2abb7;
--color-monastir-400: #bc909f;
--color-monastir-500: #a77687;
--color-monastir-600: #8d6472;
--color-monastir-700: #71505c;
--color-monastir-800: #533a44;
--color-monastir-900: #3a282f;
--color-monastir-950: #24161b;
}SCSS
$monastir: #b78999;
$monastir-rgb: 183, 137, 153;
$monastir-light: mix(#fff, $monastir, 20%);
$monastir-dark: mix(#000, $monastir, 20%);
.element {
color: $monastir;
box-shadow: 0 0 0 2px rgba($monastir, 0.35);
}